Diving into complex components, Rogie and Joey talk about best practices for building cards, dialogs, navigations, forms and more.
0:00 Intro
0:30 Using a base "Structure" component
1:45 Using frame names for component categorization
4:00 Swapping component instances
5:30 Goto main component from an instance
8:00 Maintaining text overrides in a component instance swap
9:00 Tip: Cmd/Ctrl + "." to hide Figma UI
10:30 Naming with "/" to further categorize your components
15:30 Using layout grids with constraints on components
20:00 Saving grids to styles
22:45 Layout grids used only on frames
25:00 Using constraints within frames
27:00 Locking layers in components to make them easier to edit
28:00 Overriding component instance properties
31:00 Creating dynamic progress bar components
33:00 Using constraints within Boolean operations
35:00 Preview component behavior by modifying instances
37:30 Mac OS UI Kit (approaches to setting up a UI Kit)
39:00 Component architecture for the Mac O...
Suggested Credits
Tags, Events, and Projects