Summary

Keywords

ui/ux design course ui design tutorial web design tutorial best ui design tools ui design trends 2025 ai design tools figma templates design system template mobile app ui kit figma design assets figma tutorial figma variables

Full Transcript

Welcome to the series where we'll be learning how to design full app layouts in Figma! In this video, we kick off our Figma App Design Series by walking through how to set up a UX-ready component library - Perfect for designers building scalable systems and polished UI flows! Join the community: https://uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ Other links: We build design systems: https://designsystemlabs.co/ Component lessons: https://youtu.be/RWobowuQx6o Design Tokens for Dummies: https://youtu.be/CJyJN0ZdEGA Collection Mapping: https://youtu.be/OMGTP2QpfiY 0:00 An Introduction 0:27 Hover Effects 5:00 Brand Color Scales 16:31 Scales 22:16 Border Widths + Radiuses 23:15 Alias Collection 36:23 Mapped Collection 1:02:41 Responsive Collection 1:09:21 Wrap Up #uxdesign #figma #uidesign

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

Direção de Arte no Cinema e Jogos: Fundamentos Essenciais

Transforme sua criatividade em carreira: descubra os segredos da Direção de Arte no cinema, jogos e design gráfico com especialistas e aprenda a criar mundos visuais incríveis. Inscreva-se agora e revolucione sua visão artística!

⭐ 4.0

29 ratings

0 min

30-Day Beginner Guitar Challenge for New Players

Master the Guitar in 30 Days: Your Ultimate Beginner Challenge! Unleash your inner guitarist with step-by-step lessons designed to transform you from novice to confident player. Join Your Guitar Academy and kickstart your musical journey today!

⭐ 4.3

36 ratings

7 hours

Mastering Brand Design: From Concepts to Identities

Master Brand & Logo Design: From Concepts to Creations with Flux Academy's Top Tutorials!

⭐ 4.6

13 ratings

16.3 hours

Ultimate Guide to Free Music Production Mastery

Unlock Your Musical Potential: Dive into our FREE Complete Music Production Course! Master the art of music creation, from software basics to advanced techniques—everything you need to produce professional-quality tracks. Start your musical journey today!

⭐ 4.9

12 ratings

9.5 hours

Welcome

Design Systems - Figma App Design Series: Layouts, Pages & UX | Library Setup

What you'll learn

This course includes