figma-generate-libraryby FigmaOfficialDesignGitHub stars: 2k
Figma Generate Library skill: what it does and how to install it
Builds or updates a design system in Figma from a codebase: variables, tokens and component libraries with variants.
Install
$ npx skills add figma/mcp-server-guide --skill figma-generate-libraryRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
Builds or updates a design system in Figma from a codebase: variables, tokens and component libraries with variants.
Similar skills
- Design SystemCovers design tokens in three layers, CSS variables, spacing and type scales, and component specifications.
- Expo Design SystemBuilds a design system inside an Expo app: design tokens for colour, spacing and type, plus component variant conventions.
- Figma Create Design System RulesGenerates custom design system rules for a codebase, for use with Figma design-to-code workflows.