figma-create-design-system-rules
Generate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.
Security Assessment
About figma-create-design-system-rules
The figma-create-design-system-rules skill is a catalogue entry that advertises generating project-specific design system rules for Figma-to-code workflows. It is aimed at capturing tokens, naming conventions, and lint rules in a single source, and exists within Open Design so an agent can discover the capability during planning through triggers such as "design system rules", "figma to code rules", or "figma tokens".
As shown in the source, this is a thin curated pointer rather than a complete implementation. The SKILL.md summarizes what the skill does and lists trigger phrases, but the actual assets, scripts, and references reside in Figma's skills repository, curated from Figma's MCP server guide. To run the full workflow, the user inspects the upstream README for exact paths and installs the upstream bundle into their active agent's skills directory. The entry is marked design-system mode in the figma category.
The intended users are frontend developers and design system maintainers who want a consistent, project-specific source of truth for design tokens, naming, and lint rules when translating Figma designs into code. Because the entry is a discovery stub, users should treat it as a signpost and consult the upstream Figma project for the detailed rule-generation workflow and usage instructions.
FAQ
What does this skill generate?
Project-specific design system rules for Figma-to-code workflows, intended to capture tokens, naming, and lint rules in one source.
Is it a full skill or a pointer?
It is a catalogue entry that advertises the skill. The full workflow, curated from Figma's MCP server guide, must be installed from the upstream Figma skills repository.
How is it invoked?
By name (figma-create-design-system-rules) or via trigger phrases such as "figma rules", "design system rules", "figma to code rules", or "figma tokens".
Where is the upstream source?
The SKILL.md points to github.com/figma/skills, where you inspect the README for exact paths.
Install figma-create-design-system-rules
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
nexu-io/open-design