Stats
Actions
Tags
From design
Export design tokens from a Figma file to CSS, Tailwind, or JSON format
How this skill is triggered — by the user, by Claude, or both
Slash command
/design:export-tokensThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Export design tokens from the Figma design system to a code-ready format.
Export design tokens from the Figma design system to a code-ready format.
Identify the Figma file. The user should provide a Figma file key or URL. Extract the file key from the URL if needed (the key is the string between /design/ or /file/ and the next /).
Fetch design tokens:
figma_get_variables with the file keyexportFormat as "css", "tailwind", or "json"Present the exported tokens to the user.
Optionally save to file. If the user requests, write the output to a file:
tokens.csstailwind.tokens.jsontokens.jsonThe exported tokens displayed to the user and optionally saved to a file.
Creates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.
npx claudepluginhub bromso/metapowers --plugin design