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
  1. 1 14:44 The SUPER ULTIMATE GUIDE to Design Systems! Design Pilot · 19K views
  2. 2 15:32 Super Pro Tips and Tricks in Figma! Design Pilot · 9.9K views
  3. 3 32:13 Difference between Atoms, Components and Patterns in a Design System! Design Pilot · 11.1K views
  4. 4 35:30 How to Create Icon Atom and Icons in a Design System – Figma Tutorial Design Pilot · 13.6K views
  5. 5 14:24 Analysing Icon Buttons in a Design System – Figma Tutorial Design Pilot · 5.9K views
  6. 6 25:58 How to Create Icon Buttons in a Design System – Figma Tutorial Design Pilot · 9.9K views
  7. 7 45:30 How to Create a Navigation Bar in a Design System – Figma Tutorial Design Pilot · 7.7K views
  8. 8 33:04 Ultimate Guide to Figma Variables and Design Tokens! Design Pilot · 49.7K views
  9. 9 23:30 How to Create a Neutral Color Palette for a Design System – Figma Tutorial Design Pilot · 13.6K views
  10. 10 24:23 Creating COLOR TOKENS using Figma Variables for the Design System – Figma Tutorial Design Pilot · 16.7K views
  11. 11 19:38 How to set up DARK MODE with DESIGN TOKENS using Figma Variables! Design Pilot · 7.7K views
  12. 12 11:28 How to THINK LIKE A DEVELOPER using Dev Mode in Figma! Design Pilot · 4.7K views
  13. 13 27:59 Part 1 – Creating the TOP HERO CARD in a Design System – Figma Tutorial Design Pilot · 3.2K views
  14. 14 25:18 Part 2 – Creating the TOP HERO CARD in a Design System – Figma Tutorial Design Pilot · 2K views
  15. 15 17:57 Setting up SPACING & RADIUS TOKENS using Figma Variables! Design Pilot · 12.3K views
  16. 16 45:35 The ULTIMATE GUIDE to TYPOGRAPHY in UI Design! Design Pilot · 27.9K views
  17. 17 33:23 Variables for Typography in Figma – The Ultimate Guide Design Pilot · 30.2K views