figma-generate-library

To sync design tokens from a codebase into Figma components, this Skill analyzes your code and generates a sequenced workflow that creates token hierarchies, applies aliasing, and maps variables directly to Figma components.

Automating Figma Code Connect mappings for a large design system is handled by generating automated documentation pages and code references that surface live code mappings directly within your design artifacts during the component phase.

Migrating a component library to Figma with token aliasing and theming requires running a phase-driven workflow that builds token hierarchies and pages in a single pass, preserving resume data for continuous state management.

Yes, this design system workflow requires strict phase approvals before updating Figma variables, enforcing sequential Figma calls across Discovery, Foundations, Components, and QA phases with mandatory checkpoints.

Resuming a Figma design system generation workflow is supported through built-in state management, which preserves your progress data and allows you to continue the sequenced phases exactly where the interruption occurred.

Code Connect integration for your Figma design system is needed when you want to bridge design artifacts with live code references, allowing teams to surface actual code implementations directly inside Figma components.