Bidirectional Design Token Sync

Overview

Keep design tokens synchronized between Figma and your codebase automatically. Detect drift, resolve conflicts, and maintain a single source of truth for your design system.

Key Innovation: Bidirectional sync means changes in Figma OR code propagate automatically with conflict detection and intelligent merging.

When to Use This Skill

Trigger this skill when the user:

• Mentions "sync tokens with Figma" or "Figma sync"
• Wants to "export tokens from Figma" or "import tokens to Figma"
• Asks about "design token drift" or "out of sync tokens"
• Wants to "update tokens from design" or vice versa
• Mentions Style Dictionary, design tokens, or token management
• Has conflicts between design and code token values

Core Capabilities