Loading video player...
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 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/sections/35280374295831-Figma-MCP-collection 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: https://youtu.be/hqIU6hluMZA?si=owf3lb95d4xMWrsm ⢠I Built My Entire Design System in 4 Hours With AI. Full Tutorial (Claude + Cursor + Figma): https://youtu.be/nafNPuElCtY ⢠Stop Wasting Dev Time on Frontend: Figma to Code in 8 Minutes: https://youtu.be/BOl05zmQjOg ⢠The Complete AI Product Stack (8 Weeks to 2 Weeks Per Feature): https://youtu.be/COgy_e-w8ww ⢠Figma to Component Library in 2 days | Claude Code + Storybook Tutorial: https://youtu.be/AiEATeNyWnk?si=5T6SQR2CGdZUl0a2 š 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.