Figma Design System Sync

Use this skill when Figma work touches reusable system contracts: variables, styles, components, variants, effects, assets, Code Connect, and local code tokens.

Modes

• audit: compare Figma system artifacts to local code conventions.
• sync-plan: plan variable/style/component updates.
• token-map: map Figma variables to local tokens.
• component-map: map components and variants to code components.
• code-connect: create or review Code Connect files through the installed Figma skill.
• governance: propose naming, versioning, and rollout rules.

Workflow