figma-create-design-system-rulesby OpenAIOfficialDesignGitHub stars: 27.8k
Figma Create Design System Rules skill: what it does and how to install it
Generates custom design system rules for a codebase, for use with Figma design-to-code workflows.
Install
$ npx skills add openai/skills --skill figma-create-design-system-rulesRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
Generates custom design system rules for a codebase, for use with Figma design-to-code workflows.
Similar skills
- Figma Generate LibraryBuilds or updates a design system in Figma from a codebase: variables, tokens and component libraries with variants.
- Design SystemCovers design tokens in three layers, CSS variables, spacing and type scales, and component specifications.
- Image to CodeGenerates a design image for a website first, analyses it, then writes code to match it closely. Written for Codex.