Design-to-Code Workshop with Claude Code, Cursor & Figma (Friends of Figma Miami - 2026)
2.2K views · 2026-03-04
UI Design
You've seen the design-to-code demos. But what does it actually look like to set up your environment, clone a repo, prompt Claude Code, push changes to GitHub, and go back and forth between Figma and code all in one sitting?
In this live workshop at Friends of Figma, I walk a room full of designers through the entire design-to-code workflow from scratch. We take Andrej Karpathy's open-source LLM Council project, redesign it using Claude Code and Cursor, bring it into Figma with Figma MCP, and push it back to GitHub.
Full tutorial here 🔥 https://youtu.be/SEy1WPjPF3k?si=Cl3Rf1MC5ExjcGtn
In this live workshop at Friends of Figma, I walk a room full of designers through the entire design-to-code workflow from scratch. We take Andrej Karpathy's open-source LLM Council project, redesign it using Claude Code and Cursor, bring it into Figma with Figma MCP, and push it back to GitHub.
Full tutorial here 🔥 https://youtu.be/SEy1WPjPF3k?si=Cl3Rf1MC5ExjcGtn