claude2figma

About claude2figma

Claude Code to Figma Design System compliance for AI-generated Figma designs. 4 skills, 3-step preflight, zero raw values. Quick start: Clone, copy skills to , paste your Figma URL into , say "let's start". Full install guide below. Chinese / 中文版 Why? AI can write to Figma now. But without guidance, it builds everything from scratch — hardcoded hex colors, arbitrary font sizes, raw spacing values. The result looks right but is completely disconnected from your Design System. Every color is a magic number. Every component is a one-off. Your design tokens might as well not exist.

Quick Facts

Stars	20
Forks	0
Category	Claude Skill
License	MIT
Quality Score	68.7270359987256/100
Last Updated	2026-05-13
Created	2026-04-30
Platforms	claude-code
Est. Tokens	~67k

Compatible Skills

These tools work well together with claude2figma for enhanced workflows:

bridge — semantic(0.32)+complementary+similar_pop+shared_platform (51%)
figma-ui-mcp — semantic(0.25)+complementary+similar_pop+shared_platform (49%)
sopify — semantic(0.22)+complementary+similar_pop+shared_platform (48%)
generate-design-system — semantic(0.33)+complementary+similar_pop+shared_platform (46%)

More Claude Skill Tools

Explore other popular claude skill tools:

skills ⭐ 157.3k
claude-code ⭐ 136.8k
claude-mem ⭐ 86.4k
caveman ⭐ 82.6k
Understand-Anything ⭐ 71.9k
oh-my-openagent ⭐ 65.3k
get-shit-done ⭐ 63.8k
Pake ⭐ 59.6k
codegraph ⭐ 58.3k
Understand-Anything ⭐ 49.9k

View all Claude Skill tools →

Frequently Asked Questions

What is claude2figma?

claude2figma is A Design Harness for Claude Code + Figma — 5 skills that keep AI on your Design System rails. Components stay linked, tokens stay bound, nothing goes off-spec.. It is categorized as a Claude Skill with 20 GitHub stars.

How do I install or use claude2figma?

You can find installation instructions and usage details in the claude2figma GitHub repository at github.com/senlindesign/claude2figma. The project has 20 stars and 0 forks, indicating an active community.

What license does claude2figma use?

claude2figma is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse Claude Skill tools