sfnext-create-figma-kit
Build or sync a Storefront Next vertical's Figma design kit — duplicate the official kit, update Brand variable collections from brand.css, edit components at the correct layer, and publish Figma Code Connect mappings. Use when asked to set up, duplicate, or sync a Figma kit, update Figma brand variables, or keep design and code tokens aligned. Requires the Figma MCP server.
Pinned to revision bee72c26e342, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/sfnext-create-figma-kit/SKILL.md
- skills/sfnext-create-figma-kit/evals/trigger-evals.json
- skills/sfnext-create-figma-kit/references/FIGMA-COMPONENT-EDITING.md
- skills/sfnext-create-figma-kit/references/PROJECT-STRUCTURE.md
- skills/sfnext-create-figma-kit/references/TOKEN-SYSTEM.md
- skills/sfnext-create-figma-kit/references/TROUBLESHOOTING.md
- skills/sfnext-create-figma-kit/references/VERTICAL-FIGMA-SYNC.md
Every link opens the file at its source, pinned to the revision this page describes.