Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →Generate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.
Passed 19 of 23 test cases with the skill, and 16 of 23 without it.
and 1 more in the full report
3 fixed16 passed either way4 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 3 test cases the skill fixed. Same model, same prompt, with and without the skill.
We are defining token extraction rules from Figma styles to CSS variables. Designers named color tokens in Figma with spaces and slashes like 'Brand / Primary Blue'. A developer wants to maintain spaces or camelCase in the generated CSS variable names like '--brandPrimaryBlue'. Establish the standard rule for transforming Figma token path names into web CSS custom property tokens.
| Checked | Without skill | With skill |
|---|---|---|
| Transforms token paths into lowercase kebab-case format | Missed | Passed |
| Replaces slashes and spaces with hyphens | Missed | Passed |
The instructions your model reads when the skill loads.
Curated from Figma's MCP server guide.
Generate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.
figmaThis catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/figma/skills
Then ask the agent to invoke this skill by name (figma-create-design-system-rules) or with
one of the trigger phrases listed in this skill's frontmatter.
test cases passed, vs 16 / 23 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.