Train Claude on Your Design System (Advanced Workflow)
5.1K views on YouTube
AI WORKFLOWS & MORE: https://uicollective.co/
Design with AI – Full Guide: https://youtu.be/j_ZPV10bu54
We work with enterprises to make design systems AI ready: https://designsystemlabs.co/
Learn how to teach Claude your design system using 5 custom Skills. We’ll cover how to give Claude the context it needs to understand your tokens, components, patterns, and guidelines so it can generate more consistent, on-brand designs.
🔗 DESIGN SYSTEM VIDEOS TO WATCH
Complex Design System & Figma Variable Setup: https://youtu.be/L-tpK7Eeuow
Build a Design System: https://youtu.be/opTANvl9G1g
All Design System Content: https://youtube.com/playlist?list=PLkmvmF0zhgT_8FirlLcTQI01ayjYB-46_&si=nXKp-SabMlZvofSR
🔗 MORE LINKS
Save 20% on the Annual Mobbin plan: http://mobbin.com/uicollective
Need a sample design system? (also included in the academy): https://collectivekit.co/
kirkland@uicollective.co
0:56 Design System Rules & Debt
7:15 Design System Components (Skill Group)
11:23 Design Tokens and Figma Variables
14:45 Type Styles
17:18 Spacing and Shape