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

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