In this video, I’m going to show you how to make your web design responsive in Figma using Auto Layout and Constraints in just 10 minutes.
Download the practice file from here:
https://bit.ly/3z9dcde
π Get my FREE UI/UX Design e-book hereπ:
https://bit.ly/3YyYXJz
π¬ Check out my UI/UX design course here:
https://skl.sh/2vINKxD
πΈ Instagram: https://www.instagram.com/uiux.arash
Who is Arash Ahadzadeh? Well, I’m a UI/UX designer and a university instructor with 7+ years of experience, and I teach people how to design great user interfaces and experiences. I’ve helped over 30,000 students become UI/UX designers from scratch worldwide.
source
Check out my complete UI/UX design course for beginners here for FREE:
https://skl.sh/2vINKxD
I'm sorry, what? At 9:54 where you're adjusting the Logo and Hamburger for the Mobile frame you "set the margin to 32" "just like that" without saying how you did that and you definitely didn't cover that in the Desktop or Tablet section. What was the "just like that" part of what you did?
Can I like this a thousand times???πππ
It is just easier to create a separate mobile version on figma and less time consuming.
Appreciate your effort
Thanks for sharing! How can I create a fixed element with 100% width (Fill), e.g. for the navigation bar at the top of the website?
Hi ..can u please tell me how to make two text box responsive which is in 1 row..I saw your video and try to do but whenever I m resizing desktop width nothing happens..if possible please make 1 video
I'm so happy to found you, you have a nice way to explain. Your voice is easy to hear (English is not my mother tongue). Thank you for share your knowledge π
Good tutorial tanks
awesome.Thank you very much
Awesome ! I can solve problem thanks to this lesson. Thank you SO MUCH !
Thanks, this is really helpful
Thank you for this helpful video! Is it important what frame width I choose when I make a responsive design for desktop? Iβm a beginner and I would appreciate the advice ππ»
π€£π€£π€£π€£π€£π€£
responsive yes, but fully responsive would include dealing with a grid, such as product items, having like 6 in a row for big screens, the 2×3 for ipad
Hi Arash, I face problem when doing it use component, can you tell me how to doing it?
I cannot open file π
very awesome video and helpful to us
This is the best tutorial I've seen so far. I've gone through so many YouTube videos and this one is very well explained. However, I can't download the source file so I've been following along with another file from another YouTube video :/
I have a frame within a frame and with in this second frame my components. I can make all components in the second frame responsive because of your tutorial so thanks! They are however only responsive to this second frame. How can i make the whole thing react to the first frame too?
Brother the way you explained is brilliant π― very useful π―
Well the thing is Sometimes not everything can be done in a responsive way we want
Liked your content
Hi Arash! I just wanted to say how I appreciate your work. These tutorials are so helpful.
Merci
Awesome lesson! Soooo helpful πππ