sb-figma
Installation
SKILL.md
sb-figma — the Figma ↔ Storybook bridge
sb-figma moves an approved design into production Storybook (Jobs 1–2) and pushes the code's truth
back to Figma (Job 3, and opt-in writes). It uses the Figma MCP, but it is not the exploration skill.
Preconditions — check before the first call
| Job | Needs | Tools |
|---|---|---|
| Read tokens (Job 1, preferred) | edit access to the file; the remote server | use_figma (read-only script) |
| Read tokens (fallback) | any seat | get_variable_defs |
| Deliver a component (Job 2) | any seat | get_design_context, get_metadata, download_assets |
| Code Connect (Job 3) | Organization or Enterprise plan, published library components | get_code_connect_suggestions, get_context_for_code_connect, send_code_connect_mappings |
| Write to Figma (opt-in) | Full seat for an existing file (any seat can write to drafts); remote server; beta | use_figma, generate_figma_design |