Skip to content

PRO TIP Block youtube.com at the DNS level — Pi-hole, NextDNS or your hosts file — but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

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