- Stars
- 3.7k
- Forks
- 211
- Updated
- Jun 9, 2026
stars
3.7k
forks
211
last update
Jun 9, 2026
license
MITv1.4.0
- Install
// Drops SKILL.md into ~/.claude/skills/
$ claude skills add figma-variables-tokens - Invoke
// Run from any project directory
$ claude --skill figma-variables-tokens "give my landing page a hero treatment" - Iterate
// Re-run with edits — Claude keeps the skill loaded
$ claude --skill figma-variables-tokens "now refactor it"
- references/
- SKILL.mdopen
- README.mdopen
- name:
- Figma Variables & Tokens
- slug:
- figma-variables-tokens
- version:
- v1.4.0
- license:
- MIT
- author:
- @figma-craft
- repository:
- github.com/figma-craft/figma-variables-tokens
- categories:
- tags:
- #figma#variables#design-tokens#dark-mode#tailwind
- description:
Set up Figma Variables — modes for light/dark, semantic tokens, scoping, and code-export to CSS/Tailwind.
// What you can do with it
- Automates the tedious parts of the workflow.
- Gives Claude the right context, tools, and guardrails.
- Produces consistent, reviewable output every time.
README.md
Loading README…
authored by
@figma-craftFigma Component System Builder
Figma component variants, auto-layout, tokens, and the publish-to-library workflow — design at scale.
2.2kFigma Auto Layout Pro
Master Figma Auto Layout — responsive frames, hug/fill, nested layouts, spacing, the parts that confuse everyone.
4.1kFigma Prototype Builder
Build interactive Figma prototypes — smart animate, overlays, conditional flows, variables-driven state.
2.8kFigma Dev Mode Handoff
Ship clean Figma Dev Mode handoffs — specs, tokens, code snippets, annotations devs don't have to guess at.
3.1k
$ cat reviews/