Asmita Wagh

Asmita Wagh

Digital Polygon, Senior Frontend Consultant

Pune, India

Actions

I am an Acquia certified developer with specialist in Frontend Technologies and Drupal.
My domain specific knowledge includes more than 8+ years of experience with web development languages like HTML, CSS, JavaScript/jQuery, and web development applications like Storybook, Site Studio, Decoupled Drupal, etc.

Area of Expertise

  • Information & Communications Technology

Topics

  • Web Development
  • Web Frontend
  • Drupal
  • Theming

The Token Revolution: Automating the Design-to-CMS Pipeline with Figma AI.

The future of CMS development lies in bridging the gap between static design and live code through shared, intelligent systems. This session explores a design-system-first approach to CMS workflows, centered on the power of Design Tokens and Figma AI. We will move beyond traditional "handoffs" to a continuous workflow where tokens act as the single source of truth for colors, typography, and spacing.

Key Topics:

The Design-System-First Workflow: Why traditional CMS workflows struggle with scale and how tokens solve the "consistency gap."

Figma AI & Intelligent Tokens: Using AI to generate, manage, and update tokens to reduce manual debt.

The Component Bridge: Packaging reusable React/Angular components and documenting them with Storybook.

Design-to-Code Automation: Demonstrating a live workflow connecting Figma, Tokens, and Storybook for automated updates.

Optimization at Scale: Scaling performance, accessibility (A11y), and SEO through token-driven architecture.

A Road to Success: Building Clarity, Credibility, and Control as a Global Drupal Developer

This session is designed to empower aspiring Drupal developers to take ownership of their professional journey by focusing on three essential pillars: clarity, credibility, and control. Participants will discover how to gain clarity through engagement with the global Drupal Community, where collaboration and knowledge-sharing help navigate the complexities of Drupal’s evolving ecosystem. They will learn the importance of building credibility by applying skills to real-world projects—whether academic, corporate, or personal—that establish their reliability and expertise as developers. Finally, the session highlights how clarity and credibility together create control: control over one’s growth, career trajectory, and contributions to both organizations and the Drupal Community at large. Attendees will leave with a structured roadmap to strengthen their professional profiles, foster a culture of excellence, and make a meaningful impact in the Drupal ecosystem.

Next-Gen CMS: Scaling with Design Tokens, Figma AI, and Reusable Component Libraries

The future of CMS development lies in bridging design and code through shared systems. In this session, we’ll explore how design tokens, powered by Figma AI, transform the way teams collaborate—delivering scalable, accessible, and consistent digital experiences faster than ever.

We’ll start by addressing the challenges of modern CMS workflows and why a design-system-first approach is essential. From there, we’ll dive into how design tokens act as a single source of truth, ensuring that colors, typography, spacing, and accessibility rules stay consistent across every project. With Figma AI, tokens can be generated, managed, and updated more intelligently, reducing manual effort and closing the gap between design and engineering.

The session will showcase how to package reusable React/Angular components, document them with Storybook, and publish them for integration into CMS platforms. We’ll also demonstrate a design-to-code workflow that connects Figma AI, tokens, and Storybook, enabling pixel-perfect handoffs and automated updates across projects.

Finally, we’ll share strategies for scaling performance, accessibility, and SEO using this token-driven approach.

Whether you’re a developer, architect, or product owner, you’ll leave with practical insights on how to future-proof CMS projects with design tokens, Figma AI, and reusable component libraries.

From Code to Experience: How AI is Shaping the Future of Drupal Front-End

Artificial Intelligence (AI) is rapidly transforming the landscape of front-end development, offering new ways to automate workflows, enhance user experience, and streamline content delivery. In the context of Drupal—both traditional and headless—AI is not just a buzzword but a practical toolkit that empowers developers and site builders to build smarter, faster, and more personalized digital experiences.

This session explores how AI adoption is reshaping front-end development in Drupal projects. From design automation and code generation to accessibility testing, AI tools are helping developers reduce manual effort, improve code quality, and deliver more engaging interfaces. Drawing inspiration from real-world use cases and open-source tools, we’ll walk through how AI can be integrated into Drupal workflows to benefit both developers and clients. Whether you're building traditional themes or decoupled frontends, this session will help you integrate AI in practical, ethical, and scalable ways.

Consistency and Collaboration: The Future of Front-End Development with Design Tokens

Have you ever been on a project where the design process was slowed down by repetitive tasks such as manually updating colors, fonts, and spacing? Discover a forward-thinking approach to enriching user experiences by integrating design tokens with Storybook and Figma in Drupal. This session explores how design tokens serve as a central repository for design decisions, ensuring consistent and scalable outcomes across complex projects.

Explore how Storybook’s interactive development environment fosters seamless collaboration between designers and developers, bridging the gap between design conception and execution with precision.

We will explore the implementation of design tokens, covering best practices and practical tips to help you get started.

Outline:
1. Consistency Across Projects: Establish a uniform design language with design tokens as the authoritative source.
2. Enhanced Collaboration: Foster improved communication and collaboration between designers and developers using Storybook's interactive features and Figma Components and variables.
3. Scalability: Scale design systems effectively across large projects while maintaining coherence and minimizing redundancy.
4. Efficiency: Streamline development efforts through reusable components, reducing time and resource expenditures.
5. Adaptability: Quickly respond to design changes and project requirements with a flexible and modular approach.
6. Improved Design System Management: Simplify maintenance and updates of design systems to ensure they remain current and effective.

Learning objectives:
1. This session will illuminate how design tokens establish a definitive source for design decisions, guaranteeing coherence and scalability across expansive projects.
2. Learn how Storybook's interactive development environment facilitates effortless teamwork between designers and developers, minimizing discrepancies in design execution.

Pre-requisites:
1. Basic knowledge of component based theming.
2. Basic Knowledge of figma.

Three Pillars of Storybook

Pillar 1: Developer
Developers being a foundation pillar for Storybook, for them it's like playing with LEGO — One single brick can be added to many constructions.
Style guide defines the visual representation of a brand and establishes the root of its voice and tone.
It is more efficient and useful for developers considering parallel development with backend.

Pillar 2: Designer
As we agree with the above facts, the next question comes to our mind is, can Storybook help collaborating developers with designers?
It helps designers visualise the artifacts in real time with storybook preview to reduce expectation gaps if any.
The backing up quality supports access design guidelines, inclusive design, and redesign approach choices.
Further it comes with adaptive and shape-shifting components and patterns with firm guidelines and principles, that being utmost important for a designer.

Pillar 3: Client
Ultimately for the clients what matters is the end product. The major benefit for clients with the use of Storybook is:
Easy to visualise the enhancements or modifications with controls, components, data entry.
It makes clients’ life easy by providing support in testing edge cases before they are actually implemented in the website.
And the best use for clients comes into picture while they can verify UI accessibility and gauge performance through dashboards.

Asmita Wagh

Digital Polygon, Senior Frontend Consultant

Pune, India

Actions

Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.

Jump to top