What is figma-create-design-system-rules?
figma-create-design-system-rules is a Claude skill by figma that generate project-specific design system rules for Figma-to-code workflows. It is listed under Design & UI and has no public popularity data yet.
| Type | Claude skill |
|---|---|
| Author | figma |
| Repository | figma/skills |
| Popularity | no public popularity data yet |
| Category | Design & UI |
| Security | Not scanned |
| Rank | #1,150 of 1,262 Claude skills; #128 in Design & UI |
Is figma-create-design-system-rules safe to install?
We have not scanned figma-create-design-system-rules yet because its SKILL.md could not be fetched. Read the source before installing.
| Check | Result |
|---|
How do I install figma-create-design-system-rules?
- Install with the skills CLI. Works for Claude Code and other agents that read skills.
npx skills add https://github.com/figma/skills --skill figma-create-design-system-rules
- Or copy it by hand. Claude Code loads any folder with a SKILL.md from ~/.claude/skills.
git clone https://github.com/figma/skills cp -r skills/figma-create-design-system-rules ~/.claude/skills/figma-create-design-system-rules
- Use it. Claude loads the skill when a task matches its description. You can also name it in your prompt.
Use the figma-create-design-system-rules skill to …
Or ask Claude to set it up
Paste this into Claude Code and it installs figma-create-design-system-rules for you:
Install the "figma-create-design-system-rules" skill from https://github.com/figma/skills into ~/.claude/skills, then tell me in one line what it does.
More from figma/skills
This repository has 7 Claude skills on MCPMods.
- figma-code-connect-components: Connect Figma design components to code components using Code Connect (Not scanned)
- figma-create-new-file: Create a new blank Figma Design or FigJam file (Not scanned)
- figma-generate-design: Build or update screens in Figma from code or description using design system components (Not scanned)
- figma-generate-library: Build or update a design system library in Figma from a codebase (Not scanned)
- figma-implement-design: Translate Figma designs into production-ready application code with 1:1 fidelity (Not scanned)
- figma-use: Run Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work (Not scanned)