figma-sync
Installation
SKILL.md
Prerequisites:
- Figma MCP configured in .mcp.json
- A Figma file URL provided by the user
STEP 1 — INGEST DESIGN TOKENS
Connect to the Figma file. Extract all design tokens:
- Colours (hex values + semantic names)
- Typography (font family, sizes, weights, line heights)
- Spacing scale
- Border radii
- Shadows and elevation
Save to: design-system/tokens.json
Compare against current CSS variables in src/. Generate a drift report: qa/figma-drift.md