Master Responsive Layouts in Figma

Creating responsive layouts is a must-have skill for any UI/UX designer. Full course: https://designcode.io/figma-responsiv...

With so many different devices and screen sizes, designing interfaces that look great and work well on all platforms is necessary. Mastering this skill will make you stand out in the field. In this course, we'll start from scratch to create this beautiful design using Figma. You'll learn how to make layouts that are easy to use and work well on any device. We'll cover key concepts and tools to help you master responsive design in Figma.

My Figma File
➡ https://www.figma.com/community/file/...

What You'll Learn:

Responsive Layouts with Auto Layout: Learn Auto Layout basics, including resizing with Fill Container, Hug Content, and Fixed Sizes. We'll also cover spacing and padding to make your designs responsive and adaptable.

Wrap, Min and Max Width and Padding: You'll learn advanced Auto Layout techniques in Figma, including vertical and horizontal layout directions, as well as the wrap feature. We'll also cover padding and how to set minimum and maximum widths to make your designs flexible and responsive.

3:41 Auto Layout
4:17 Resizing
4:37 Hug Contents
4:45 Fixed Size
5:22 Fill Container
5:48 Alignment
6:15 Designing the Desktop App
8:03 Defining the side menu overview
9:09 Component Properties
9:56 Nested Instances
16:40 Dashboard
17:51 Truncate Text
18:23 Designing Hero section
18:46 Padding
20:18 Direction
21:14 Wrap
21:41 Corner Radius
23:03 Min/max width

Follow me
➡  / sourasith.design  
➡  / titepommee  
➡  / sourasith.design  

We’re so glad you’ve chosen to learn with us. We’re here to support you every step of the way, so don’t hesitate to reach out if you need anything. We can’t wait to see what you’ll create!

🪄 Join this channel to watch the entire course on YouTube
➡    / @designcodeteam  

🚀 Follow this course on Design+Code's website
➡ https://designcode.io/figma-responsiv...

#figma #uidesign #figmadesign