In this full course, I connected Claude Code to Figma and used it to design directly on the canvas—like, actually creating real design system stuff, not just “AI concept art.” I walk through the exact setup (Claude Code, the Figma connector, and the permissions), then I run three practical workflows: generating a mature variable/token system, building a pro-level button component, and designing a login screen using an existing UI kit. I also share the exact prompts I used, because the quality you get is heavily tied to how detailed your prompting is. First, I had Claude generate a full variable system: primitive color ramps, semantic colors (including hover/active), dimensions, and a complete typography token setup with a preview page. It wasn’t 100% perfect (it didn’t fully map some typography properties to variables), but the output was honestly quality. Then I pushed it harder: a complex button component with tons of variants and properties. The result was surprisingly solid and it even used the variables from earlier—though I did hit the token/rate limit hard and had to wait. Finally, I used my own design system file to generate a split-view crypto wallet login page. It used the right components, respected variants, used auto layout, and even supported dark mode via my variables. My verdict: huge leap for production workflows if you know Figma and write detailed prompts—but creativity, deeper UX context, and the token limit are still real problems.