figma-generate-library

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.

• LICENSE.TXT440 bytes
• SKILL.md17,853 bytes
• agents/openai.yaml540 bytes
• assets/figma-small.svg818 bytes
• assets/figma.png1,612 bytes
• assets/icon.svg964 bytes
• maintainers.yml64 bytes
• references/code-connect-setup.md12,111 bytes
• references/component-creation.md41,830 bytes
• references/discovery-phase.md20,138 bytes
• references/documentation-creation.md28,944 bytes
• references/error-recovery.md22,659 bytes
• references/naming-conventions.md19,003 bytes
• references/token-creation.md38,267 bytes
• scripts/bindVariablesToComponent.js3,686 bytes
• scripts/cleanupOrphans.js3,649 bytes
• scripts/createComponentWithVariants.js4,943 bytes
• scripts/createDocumentationPage.js4,810 bytes
• scripts/createSemanticTokens.js3,891 bytes
• scripts/createVariableCollection.js1,785 bytes
• scripts/inspectFileStructure.js3,591 bytes
• scripts/rehydrateState.js2,967 bytes
• scripts/validateCreation.js2,718 bytes