I saw many videos about responcive design but I never understand what they are explaining. But I really impressed with this and I implemented on my project successfully. This video will helps many people. Thank you.☺
@femidavids2018
Жыл бұрын
Yes, would love a follow up on how you turn it to a real website on framer. Thanks Adrian.
@uiadrian
Жыл бұрын
I'll work on it :)
@kimcruz3889
Жыл бұрын
Yes please!!
@kimcruz3889
Жыл бұрын
Yes please!!
@treiwilson9445
10 ай бұрын
Trying to figure out where technical writing and UI writing fits into all of this.
@actuavenue3684
25 күн бұрын
Yes please
@ayobamidele100
Жыл бұрын
Awesome stuff! I love the progression from box model to responsive layout...would love to see how it translate to real website in framer. Thanks Bro
@uiadrian
Жыл бұрын
Will do soon! Thanks :)
@pruthvirajmane96
Жыл бұрын
Thanks a lot for sharing, I truly appreciate your work and way of teaching will be looking forward for more informational videos from you.
@uiadrian
Жыл бұрын
Thanks a lot! :)
@arunsoma10
Жыл бұрын
yes!!. Framer too ! that's what I was searching the whole week! :) add some 3D element from spline on the header too
@uiadrian
Жыл бұрын
Cool, I'll see what I can do!
@designjayesh7928
Жыл бұрын
Thanks man for this, it was very helpful! I never knew that framer is very easy to work on! thank a ton!
@Team_Kajetan
Жыл бұрын
Awesome stuff! 👌 Your tutorials have truly helped me to master Figma. Thank you.
@bodzio809
Жыл бұрын
Great tutorial. I hope that you'll make next part with framer as well.
@Cs2GamiNG
11 ай бұрын
Great video. One of a kind nowadays. Thank you Adrian
@nikhiltole
10 ай бұрын
Dude you're savior 🙌🙌🙌🙌🙌🙌🙌🙌.
@mirka488
Жыл бұрын
Extremely helpful. Thank you Adrian.
@uiadrian
Жыл бұрын
My pleasure! :)
@Chirag-fl5gi
Жыл бұрын
Gem of a video🤟
@uiadrian
Жыл бұрын
Thanks Chirag! 🙏
@aaronrapliza
10 күн бұрын
Hi I am interested in a follow up video to see the design in framer! Thanks
@wazidali1702
9 ай бұрын
Nice tutorial and good explanation with great teaching style....
@tayyabsohail8823
9 ай бұрын
Thanks Adrian this video help us to make responsive design
@GhulamBasheer
Жыл бұрын
Great content sir. Hope for more videos
@uiadrian
Жыл бұрын
More coming :)
@Underhills
4 ай бұрын
Figma lacks batch operations, in this example it could be a function called "set all containers / frames to fill" for instance. Btw, much of this resizing business could be done with variables now.
@soufianefal7379
10 ай бұрын
you use keyboard shortcuts and you speak quickly, i'm scattered, I can't follow
@santhosh_with_u9076
Жыл бұрын
very much useful content, Thank you Adrian
@uiadrian
Жыл бұрын
Glad I could help!
@rasula9
4 ай бұрын
This is really helpful. Thank you..
@dineshgadhiya171
Жыл бұрын
thanks sir you are amazing teacher sir please full playlist series of figma amazing tips you have great knowledge i have continue watch your video on linkendin and last please sir subtitle on because your video is amazing who There are some people who do not know English so they look in their language thanks sir 🙂🙂🙂🙂🙂🙂🙂🙂🙂🙂
@kelvinsixtus3646
Жыл бұрын
Nice video and i will love to see a follow up on this video in framer
@ahmednaseem5161
Жыл бұрын
Thank You @Adrian 😍😍
@uiadrian
Жыл бұрын
Of course!
@sarmadsheraz6269
Жыл бұрын
Hi Adrian. Awesome video. Quick tip. Please avoid leaving extra space where you don't have to. some people have weak vision. :)
@uiadrian
Жыл бұрын
Yeah for sure. For a real website project I would add a max-width breakpoint at 1920px for 2k+ resolutions. Figma is not yet there with responsive breakpoints so that's just one use case for smaller desktop devices :)
@sarmadsheraz6269
Жыл бұрын
@@uiadrian I meant that your frame is too zoomed out
@FlyByWheels
Жыл бұрын
in this video bass is high plz decrease the bass all over the quality and tutorial is very helpful thankyou
@vivlogs9752
Жыл бұрын
Hi Adrian :)) I absolutely loved the video🤩🤩 will you make some tutorials on how to build websites in webflow? That would be so useful !! 🙏
@IamShashi98
Жыл бұрын
Thanks Adrian🎉
@uiadrian
Жыл бұрын
No probs Shashi!
@ATOBSATOBS
Жыл бұрын
Thanks for this
@uiadrian
Жыл бұрын
Yw!
@MuthuKumar-yy2hb
Жыл бұрын
bro you look like AB d villiers
@davidsampson9796
Жыл бұрын
Thank you Adrian
@uiadrian
Жыл бұрын
No worries David!
@FlyByWheels
Жыл бұрын
Can u make full landing page responsive tutorial it will be very helpful
@uiadrian
Жыл бұрын
There's a 3-hour long module in my Figma Mastery course about designing a full responsive LP from scratch but I'll try to create a smaller crash course later this year!
@FlyByWheels
Жыл бұрын
Name of your course? And from where I can get it
@stevebryan8
4 ай бұрын
So wouldn't you have to tell the developer at what pixel width the layout changes? Spacing/text sizes/image sizes get weird at certain pixel widths making the design look funky.
@rahul_lsh
Жыл бұрын
Thanks for this~~~
@uiadrian
Жыл бұрын
You're welcome!
@Yinkaadesa
Жыл бұрын
Thanks!
@yanayana3206
3 ай бұрын
Thank you very much for help me out to the hell . Appreciate your teaching.
@wiseux5481
2 ай бұрын
Why you gave 30 padding both side? I want to understand the reasons.
@kartikmahawar3778
Жыл бұрын
Information and useful content as always.. kudos to you Adrian 🙌. Although I would like to ask is box model design is the only way to design developer friendly interfaces?
@uiadrian
Жыл бұрын
Thanks! It's the way to go, yes; otherwise, you place every layer and section in absolute positioning, which is a mess in terms of responsive design
@matthewmolloy5
8 ай бұрын
Would love to see how to translate this into a real wesbite using framer
@timothyochieng698
10 ай бұрын
Great content Adrian.just a quick one though,what if you got couple number of pages will you still need to do the same to the rest of the pages to make them responsive?
@jaberelferkh5429
Жыл бұрын
When resizing from Desktop to iPad or Mobile, you change the frames or auto layouts manually, you must use constraints (left + right), which will greatly help.
@uiadrian
Жыл бұрын
Everything is nested into an auto layout frame, so there are no constraints, just alignment settings. If you download the figma files from my latest tutorial and follow this tutorial you'll see it yourself :)
@jaberelferkh5429
Жыл бұрын
@@uiadrian yes but the parent should have a left and right constraints, it worked for me, just try it
@vaibhavpatel1795
11 ай бұрын
I have one question for responsive design! For desktop, tablet and mobile all have different sizes of fonts, images and product cards then why nobody shows that in tutorial?
@danicaschmidt4120
6 ай бұрын
At the very beginning of the video, when you resize the frame to a large screen size, your content does not continue to resize past a certain point. I am struggling with responsive design right now in that on large screen sizes, my content ends up being too wide. How can I set my content to stop resizing at a certain point so that only the margins get wider instead of the entire design on large screen sizes? Thank you so much for any help you can give me on this topic!!!!
@justfurfan9840
Жыл бұрын
Thanks
@ivaniative5784
Жыл бұрын
GUAPO :)
@speedykiller619
2 ай бұрын
What is that microphone you're using, bro?
@Michael.design
Жыл бұрын
How would you achieve the result where the content adjusts when the screen width is narrowed but the content stays centered when the screen width gets wider.. Up till now I’ve only found videos where its one or the other.. Is it possible?
Пікірлер: 80