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

Related skills
Installs
2
First Seen
Feb 22, 2026