Perfect for product design and UX design, learn how to create responsive designs in Figma! In this tutorial, we'll dive into the world of responsive design and show you how to create stunning, adaptable designs that look great on any device leveraging a responsive Figma variable collection to mantain consistency.
Make sure to like, comment, and subscribe for more insights on building effective figma techniques!
Ask UI Collective a question: https://uicollective.co/
We build design systems: https://designsystemlabs.co/
Untitled UI: https://www.untitledui.com/?aff=bdzGd
Central Icon System: https://iconists.co/central?aff=bdzGd
Build a design system part 1: https://www.youtube.com/watch?v=HNJmWKndUA4&t=1897s
0:00 An Introduction
0:34 Building Desktop Type Scales
8:26 Building Tablet Type Scales
11:56 Building Mobile Type Scales
17:48 Auditing Designs
20:45 Buiding the Responsive Scale
26:01 Jumper Responsive Variables
33:04 Component Specific Responsive Variables
#figmatutorial #uidesign #uxdesign