figma-code-connect-design-system
Installation
SKILL.md
Figma Code Connect design system
Create or update one coherent design system from the product truth available in a FigJam board, PRD, image, existing Figma file or library, and codebase. Keep design, code, Code Connect, evidence, permissions, and change effects explicit so no generated suggestion is mistaken for a production change.
Commands
| Command | Result |
|---|---|
help |
Explain inputs, outputs, permissions, commands, and stop conditions without changing anything. |
plan <inputs> [--mode create|update|auto] |
Inspect sources, choose create or update, inventory screens, route capabilities, and write only an authorized run ledger. |
run <inputs> [--mode create|update|auto] |
Execute the approved workflow, harden the hierarchy from tokens upward, and maintain Code Connect after each primitive is ready. |
validate <run-or-target> |
Re-read current repository, Figma, visual, mapping, and lineage state without adding new scope. |
resume <run-ledger> |
Reconstruct current state, invalidate stale proof, and continue from the first unproved dependency. |
refresh-sources |
Compare the package baseline with current first-party specifications, schemas, docs, repository, package registry, and changelog; return a drift report. |
After mise run validate confirms package shape, read the matching worked file in examples/ before each command. Read examples/failure-missing-authority.md when any write, publish, delete, or source authority is unclear.