Create a Responsive Grid System for Web & UI Design | Figma Tutorial
ฝัง
- เผยแพร่เมื่อ 2 ม.ค. 2023
- In this video, I'm going to show you how to create a responsive grid system for your web and UI/UX design projects in Figma fast.
Remember to subscribe: bit.ly/3US49pf
👉 Become a UI Designer with my UI Design & Figma Mastery course:
bit.ly/43v79vX
👉 Get my FREE UI/UX Design e-book here:
bit.ly/4aVc7pR
📸 Instagram: / 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.
👉 Become a UI Designer with my UI Design & Figma Mastery course (17+ hours and 130+ lessons):
bit.ly/43v79vX
@DesignWithArash Please organize the playlist in a order from beginning to advance. Thanks
Hey Arash, I appreciate the amount of effort you put into making your videos. They are of the highest quality, detailed, well explained and easy to follow. You teach really well. Keep it up brother. Great stuff!
Glad you like them! Thanks a lot.
Cant tell you how helpful this was! I had so many questions trying to make these grid decisions without the proper context, this just saved me so much struggle
Glad it helped.
I'm blown away with the clarity and informativeness of the tutorial
Glad to hear that.
Thank you Arash, it was very helpful to set up the responsive grids for cross-device UI design. That homepage page you used in the example is pretty awesome, please make a tutorial on how to design such a clean and intuitive web design in Figma. Many thanks!
No problem. Glad it was helpful! Sure. I’ll keep that in mind.
Dude, that's awesome. You covered all of my questions with well, detailed explanation, keep going!
Thanks dear Fatemeh. Glad it helped.
Thank you for making your tutorials so easy to follow. I just subscribed yesterday and I love all your videos. Thank you.
You are welcome. Glad you liked them and welcome to the channel.
Great video Arash! Very helpful explanations of the role of grids in responsive & consistent web design. I particularly enjoyed the recommendations on gutter, margin, container sizes for each frame. A very useful starting point :)
Thank you. Glad it was helpful, Tamara.
This video really deserves appreciation, it explains every aspect in so much detail, hats off to the creator 🎉🔥🔥🙏
Thank you so much.
Thank you very much, I am a web developer and just got interested in designing my own interfaces from scratch, this is very helpful!
No problem. Glad it was helpful!
Great video! Good length and not a wasted second, all info was significant and well explained.
Glad you liked it!
"I'm super excited to watch this video! A responsive grid system is like the backbone of a well-structured design, ensuring that everything falls perfectly into place, no matter the device or screen size. Figma is a fantastic tool for designers, and learning how to set up a responsive grid system in it is a game-changer.
Thank you.
Arash, you're the best! Addressed all the points I needed to hear about! Thank you again!
Thank you so much. Glad it helped.
Thank you for the tutorial, Arash :) this was very insightful, especially on choosing numbers for margins in grids and the like.
Glad it was helpful! No problem.
Teachs more than a course in minutes! Insane and kick-ass content!!! 🤘 🤘
Thank you so much.
Awesome tutorial. It was handy and helpful. Keep doing so great. Thanks!
Glad it helped! Thank you.
Best Grid System tutorial ever my friend. Thanks!
Thank you so much. Glad you think so.
Clear and concise. Best video on the subject. Thanks
Glad it was helpful! Thank you.
Hey Arash! This video was everything I needed! Thank you.
Hi Faranak. Glad it helped.
Quality content mate. Keep up the awesome work.
Thank you so much. Glad you liked it.
Answered a question Ive had for months about layout!! Great video!
Glad I could help!
I've never see such type of explaination on anyother channel.
Just WOW 👋
Thank you so much.
Thanks for describing every single detail in the process. Great and Helpful Video.
No problem.
Thank you for making your tutorials so easy to follow
Thank you, my friend. You have the talent to explain.
I appreciate that! Thanks.
This video is pure gold! Thank you.
Thank you so much.
amazing tutorial, thanks!!
Hey Arash, I have got a lot of inspiration and learned many different things about UI design from your videos. Now i really feel interest in UI design. I need an internship right now as this will be counted as one of my courses in my University.And with the internship done i will complete my graduation.
You are awesome. This was really helpful guide for Figma. Thanks a lot.
Your speed of explanation, the way u walk thru the designing task it great. It helps to grasp the concept easily. Other tutorials are too fast or they miss out the in between steps
kamal kr diya babbeeee.....chas a gye a
Wow, amazing video, clear explanation, thankyou!
Glad it was helpful!
Bro, you're simply the best! Thank you so much for your tips. You teach very well! Best regards from Brazil
I appreciate that!
Wow. Allyour tutorials are so well explained. Thanks!!!
Glad you like them!
This is a fantastic tutorial, explains the website concept and grid system very well. A must-watch for my students, so that I don't have to talk so much :D
Great work!
Thanks. Glad you found it helpful.
Ur videos are so valuable and to the point..Thank you!
Glad you like them! Thanks.
Hello Arash! From Brazil and loving your great great content! Thank you so much for all your effort n time. Have a nice week and wonderful day!
Hi. Thank you so much. Glad you liked my content. Have an awesome day.
Thank you so much for this piece, it was really very helpful to me. I just subscribed yesterday and I am loving it.
GOD bless. ❤️
No problem. Welcome to the channel.
Thank you so much Arash, learned a lot from this tutorial, many thanks
No problem.
Thank you so much Arash! This is a very helpful tutorial.
You're most welcome!
The best video I've ever watched on youtube about grids and sizes. Congratulations! 👏
Glad you liked it! Thanks.
Thank you so so much. This video helped me a lot.👏
No problem. Glad it helped.
ارش جان دمت گرم. واقعا مرسی بابت این آموزش 🌹
ممنونم از لطفت مرضیه جان. خواهش میکنم.
Thank you so much Arash! It was very helpful! 🙏
My pleasure 😊
Great video!! Congratulations! 👏
Thank you!!
Awsome !!! Thank you for sharing your knowledge. So well explained !
Glad it was helpful!
Thank you. Your videos help me a bunch 🙏
No problem. Glad it helped.
I liked the way you explained it! Very easy, I could solve many problems! Thank you so much!
No problem. Glad to hear that.
I don't like videos, because I use the like button as a playlist, but I'll leave a comment, to boost TH-cam algorithms for you, because you deserve it. Good video.
Thank you so much. I hope you found the content helpful.
I love the way you're teaching. very clear and useful. Damet garm Arash jan. go ahead man.
Thanks a lot. Ghorboonet 😃
@@DesignWithArash mokhlism ghorban. Haha
thank you very much! this is very helpful
No problem. Glad it was helpful!
Very insightful. Thanks Arash.
My pleasure! Glad you liked it.
Brilliant!! this helped me alot
Thanks. Glad it helped.
YOU ARE AMAZING!!! thank you so much!
Thank you very much.
Thanks a lot. It was complete for responsive.
No problem. Glad it helped.
bro, I am literally taking a course now, did not really undertand the instructor, but I understood you
A really good explanation, thank you!!
Glad it was helpful!
Thank You, this is very helpful
No problem.
The best tutorial on Grid systems. You saved my life😩
Glad it was helpful!
Your channel is like the best for me so far
Thanks. Glad you liked my content.
Very helpful, thanks man
Glad it helped.
so valuable for me thanks a lot for your effort arash
Glad to hear that.
this is great !thank you so much all my question are answered!:)
No problem.
Very helpful thank you
Thank you so much. I hope you get tons of subscribers soon! :D
You are most welcome. Thank you.
Easy and on the point
Thanks.
Thanks for your content!
No problem.
This is a very helpful tutorial.
Thanks.
Glad it was helpful!
That's really amazing 😍
Thanks.
explained perfectly understandable. Thanks☺
You're welcome 😊
I most confess you're undeniably a great tutor ❤ thanks a lots for making me love UI design more more.. i was totally baffle about my professional career but with your great help I'm well satisfied 😊
please sir can you recommend some of your books to us and also suggest you should make a zoom class
Thank you sir
Thank you so much. Glad it was helpful!
I don't have live classes but you can check out my UI Design & Figma course. Link is in the description.
Great one, Thank you dear Arash
You are welcome. Thank you.
best explanation of grids .
Thanks.
Very well described and very helpful. Thank you.
No problem. Glad it was helpful!
thanks Arash for this
No problem.
hello arash i wish i can subscribe more than once 😀 on your channel, bro you are one of the best tutors i have on youtube, you keep impacting many lives god bless you for that .
Hi. Thanks a lot. I appreciate it. Welcome to the channel.
Great tutorial!
Thanks.
Clear and concise
Thanks.
Very helpful video, thanks! :)
Thanks.
Thanks a lot for your video. Thanks to it, I was able to complete an assignment for a UX design course at university =) Everything was very clear and easy to follow =)
No problem. Glad it helped.
thankyou, This has cleared my lots of doubts
No problem.
Thnx for this. its really helpfull
Glad to hear that.
very usefull. Thanks!
No problem.
U are the best, I understood all your pronunciation. From Argentina 🇦🇷 🧉
Thank you so much.
Thank you!
No problem.
thank you so much!
No problem.
Really nice video, thx for your work. Greetings from Argentina.
No problem. Thank you.
thank you very much!
No problem.
Thats really helpful tutorial video for designers :)
Thanks. Glad it helped.
easy to listen and understand. for noob english like me. thank u so much ❤
No problem.
Hey, nice video, But always try to set grid layout according to bootstrap as many developer use that only and there should some max-width for 1400px like it's 1320px max width for it, for 1200px it 1140px. Like this your design can make more sense for developer to make and QA to run test. And if you will resize your container will not resize, so can you make how to resize your containers
Nice video, thanks👍
No problem.
Noted hahaha , thank u for the valuable information sir .
Thanks for such good content you did =)
My pleasure!
I barely comment on videos but arash you are exceptional WOW
Thank you so much. That's so nice of you.
Straight to the point, 100% understandable = sub!
Glad you liked it. Welcome to the channel.
Thanks a lot dear❤
No problem 😊
Thanks!
No problem.
I like the image goes outside of the grid
Thanks.
Respect button🙏
Thank you