Menu

Post image 1
Post image 2
Post image 3
Post image 4
Post image 5
Post image 6
Post image 7
Post image 8
1 / 8
0

How to make Claude Code follow your design system in Figma

Medium·Sen Lin·25 days ago
#fPt9VPx8
Reading 0:00
15s threshold

4 Skills that bind every value to your design system, so you can actually iterate on what Claude builds. Press enter or click to view image in full size Claude Code can now write directly to the Figma canvas through Figma MCP . You describe an interface in natural language; it builds it. Visually, the result can be pixel-perfect. But click into any layer and you’ll find #5C6AC4 where color/brand/primary should be, 14 where text/body-sm is defined, a freshly minted one-off component where an existing Button instance is sitting right there in the library. Press enter or click to view image in full size You can not iterate on this The design system has all of this. Claude Code used none of it. The problem isn’t capability. It knows how to call the Figma API, how to query a library, how to bind a variable. It just doesn’t know that in your project, it must . Nobody told it the rules, so it made up its own.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More