Connect Claude Code to Figma Design System | Designer Workflow Task Test
39.5K views · 2026-04-07
UI Design
Thanks for watching, TD 💛
⭐️ Get 30% off Figma Weave (use code TDSunshine30) → https://weave.figma.com?ref=tdsunshine&fp_sid=oct
🔎 Get 20% off Mobbin → https://mobbin.com/tdsunshine
☕️ Buy me a tea → https://buymeacoffee.com/tdsunshine
🌼 _CHAPTERS_ :
00:00 Intro
00:09 Setting up the design system
01:06 Connecting the DS to Claude Code
01:54 1. Create a new Design
04:29 2. Design system audit
06:16 3. Create a new component
08:59 4. Design the next screen
🤗 Disclosure: This video and description may contain affiliate links, meaning I'll receive a small commission if you click on one of the product links. I'm also an Amazon Associates affiliate and will earn a commission on qualifying purchases. 💛 This is at no additional cost to you.
#figmatutorial #figmadesign #figma_tutorial #figmatutorial #figmatips #figma #claude #claudeai #claudecode
⭐️ Get 30% off Figma Weave (use code TDSunshine30) → https://weave.figma.com?ref=tdsunshine&fp_sid=oct
🔎 Get 20% off Mobbin → https://mobbin.com/tdsunshine
☕️ Buy me a tea → https://buymeacoffee.com/tdsunshine
🌼 _CHAPTERS_ :
00:00 Intro
00:09 Setting up the design system
01:06 Connecting the DS to Claude Code
01:54 1. Create a new Design
04:29 2. Design system audit
06:16 3. Create a new component
08:59 4. Design the next screen
🤗 Disclosure: This video and description may contain affiliate links, meaning I'll receive a small commission if you click on one of the product links. I'm also an Amazon Associates affiliate and will earn a commission on qualifying purchases. 💛 This is at no additional cost to you.
#figmatutorial #figmadesign #figma_tutorial #figmatutorial #figmatips #figma #claude #claudeai #claudecode