Design-to-Code Workshop with Claude Code, Cursor & Figma (Friends of Figma Miami - Feb 2026)
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 @friendsoffigmamiami7363, 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.
What You'll Learn:
How to clone an open-source repo and set up your environment in Cursor
Using Claude Code's plan mode to get better results before writing a single line of code
Prompting Claude Code to redesign a live product from a visual reference
Connecting Figma MCP to go from code to Figma and back
Committing and pushing your changes to GitHub
How designers can start shipping real code without an engineering background
🎁 Want access to the workshop presentation? 👉 Fill out the form below and I'll send you access: https://tally.so/r/5Bd1WP
Want to help your product team implement design-to-code? I'm running workshops to make that happen! Apply using this form: https://tally.so/r/WOPNPP?utm_source=...
Resources:
LLM Council Open Source Repo: https://github.com/karpathy/llm-council
Cursor: https://www.cursor.com
Claude Code Documentation: https://code.claude.com/docs
Figma MCP Setup: https://help.figma.com/hc/en-us/secti...
Need help implementing AI workflows for your product team? Get started with 15% off your first month when you mention this YouTube video. https://designproject.io/
Watch more like this:
• Stop using V0 and Lovable to prototype, use Claude Code instead: • Stop using V0 and Lovable to prototype, us...
• I Built My Entire Design System in 4 Hours With AI. Full Tutorial (Claude + Cursor + Figma): • I Built My Entire Design System in 4 Hours...
• Stop Wasting Dev Time on Frontend: Figma to Code in 8 Minutes: • Stop Wasting Dev Time on Frontend: Figma t...
• The Complete AI Product Stack (8 Weeks to 2 Weeks Per Feature): • I Tested Every AI Tool for Product Teams. ...
• Figma to Component Library in 2 days | Claude Code + Storybook Tutorial: • How I Build a Component Library in 2 days ...
🔔 Subscribe for weekly insights about AI, design, and product here: @thedesignproject
CONNECT WITH ME:
🌐 https://designproject.io/
💼 LinkedIn: /diannealter
About The Design Project: We help B2B SaaS product teams ship faster by combining AI tools with strategic design expertise. We've worked with 50+ teams (including companies acquired by Slack, Nvidia, and MrBeast) to cut product cycles in half using battle-tested AI workflows and design systems.