Responsive Design Tutorial in Figma – Free Figma Course 2020 – Ep 3

Create Responsive Design in Figma using Constraints, Layout grid & Auto Layout features in Figma. A step by step guide to help you understand all the concepts. Follow this tutorial series to learn Figma from scratch.

Timestamps -
0:00 Intro
0:35 Basics of Constraints
01:52 Left & Right Vs. Scale
02:51 Constraints + Layout Grid
06:00 Basics of Auto Layout
07:18 Creating Mobile Responsive Design

Free and most complete Figma Course & Tutorials

Figma is my personal favorite Design Tool. It's one of the fastest-growing design tools right now. That's why I am creating a complete course on this to help new designers which will cover the Basics and Advance features of Figma.

If you're planning to switch to Figma from Sketch/Adobe XD, please subscribe to this channel.

-----------------------------------------------

ABOUT ME

I am Udayraj, and I’ve created this channel to share the things I learned in the last 5 years of my career. On this channel, I’ll share Figma Tutorials, Adobe XD tutorials, Various Prototyping Tools & lots of design tips.

I am a UX Designer with 5+ years of experience. I have worked with Startups as well as Fortune 500 companies in various domains such as - Healthcare, E-commerce, Logistics/Supply Chain, Infotainment, Mobile Gaming & E-Learning.

Please subscribe and say hi in the comments or connect with me on social media :)

-----------------------------------------------

SOCIAL

-----------------------------------------------

#figma #uxdesign #designtutorial

[udayrajsathe]

This exact responsive design can be created now with new Auto Layout update.
Check tutorial here

[yashvardhanvrma]

Best explanation of constraints and auto layout

[Soromidayo]

This is by far the best tutorial I have watched on auto layout and responsive design. Thank you, I finally understand how it works

[creativedesignstudio-ankita]

Amazing, nice desicribe contstrains and auto layout method

[ledung]

You're a good teacher. Easily to understand. Thank you very much!!!

[riyachatterjee]

Hey! Thanks for the tutorial. Can you please tell me what's the shortcut you are using for grouping objects in a group?

[freelancerfaysal]

oh my god, really impressive tutorial. could you suggest any blog website to learn about Figma except Figma's official website?

[playpiano]

Man you're a serious legend! Hats off

[sabnams]

dude, you have to slow down the process of clicking items.. it might be easy for you to understand but when I am watching the frame for action, you have laready pressed 2-3 commnads on the screen and I cannot keep with it.

[MsPallavi]

Awesome, it's just what I was looking for, Udayraj. Thanks for the tutorial! :)

[harshsharma]

Please make more videos on responsive designs, I'm facing issue in with illustration designs due to multiple layer. Provide more tips for it.

[gooddayexplorer-onlinemusi]

Excellent job - you're a good teacher :)

[kanchanugale]

Exactly what is required.. Great video..🙂

[faiezahmedkhan]

i have an issue in figma present can you help me

[RK-vmlh]

Hello, Are you going to do any tut on developer hand out and also with plugins like tailwind css etc

[shashiprakash]

I was looking for such video. Thanks sir!

[poojagupta-dirm]

hallo can u plz tell me responsive desine in hindi and basic

[Sameeeerx]

Will you please please please make this video again but with New Figma updates? Please Please Please

[mrajax_]

what if we use Auto Layout over constraints ?

[mads]

Can you also do a video on material guidelines for web and phones to make them understand better. Thank you for all the informative videos you make. They are very helpful.