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.