Thanks for your kind words and we really happy to know that you solved your issue. Please don't forget to share our videos if you like and keep in touch :)
Thanks a lot for your comment. Here is the Typography video link for you, ruclips.net/video/y5cfHgucdUI/видео.html I hope you will subscribe for future videos. 😊
Great and Perfect Teacher OF WEB DESIGN ! ! your skilled and technique is so beautiful !! we are so proud about your technique ! please upload more videos !
I watched it just for the stuff at the end, but hey! I learned some interesting things by watching the whole video. I'm glad to have seen it all, great work!
Just discovered your account and I love it! Thank you so much for your quality videos. I would like to learn about how to resize/format my website mockup so that it looks nice when i use the view tool on figma. At the moment, it's way too big for my screen
Thanks a lot for your good words. I hope below video will help you to understand that, ruclips.net/video/T--XhPdO_yA/видео.html ruclips.net/video/WTNDJtjRQNc/видео.html Hope this helps, and please subscribe 😊
Thanks a lot for your comment. Well it is possible, and there are few plugins for this too, like Anima or Quest. But these are not perfect. You still have to do adjustments manually. I hope this helps and you will subscribe 😊
Thanks for your great video, I have a question I hope you answer. All three types of devices have to do 3 different design systems and auto layout for components. So is this plug-in really necessary?
Thanks a lot for your comment. Well, these types of plugins exist because of clients and clients only. Sometimes, clients might want to see close to the real site prototype, before development. And, only then you might have to use this kind of prototyping.
Great videos. Please make one about large desktops using all 1920px but scalling down to 1280 or something in that range. I always feel confuse on how to approach full 1920 layouts.
Thanks a lot that you liked the video. Well, to be honest there is no good way to export the design to code. There are few Figma plugins for this. But it's better to code from scratch. I hope you will subscribe 😊
Thanks for your comment. If I understand your question correctly, then the answer is no. The plugin is a separate application that works with the Figma application. I hope this helps. 😊
Thanks a lot for your comment. I use it all the time. The auto-layout really helps you to edit your design afterward without worrying about the numbers and alignment. But, this is just my opinion. There are lots of designers who never use this. So, it's totally up to you and your comfort.
This is soo fantastic 😍 However, can you please make it more detailed, I'm kinda new to auto layout and constraints, I don't mind even if the video is long. I'll still watch, thank you.
Thanks a lot for your comment. We have two other videos on auto layout and constraints for responsive design. Here's the link for you, ruclips.net/video/zYpYax-M4co/видео.html ruclips.net/video/FQXi15Ihoqw/видео.html I hope you will subscribe for our future videos 😊
Thanks a lot for your comment. Breakpoint plugin creates a totally new frame for the adaptive response. Your original design is intact in three separate frames. This plugin does not merge those. And, if you change anything on those three frames, you will see the change in the adaptive frame also. But, you can always delete the adaptive frame to create a new one.
I am doing the free trial version, and whenever I convert my frames into breakpoints, it doesn’t let me preview it at all it just shows the little purple box and I don’t know how to fix that
Thanks a lot for your comments. If it is something caused because of trial version. Then maybe you might have to purchase it. But if not, just remove and reinstall the plugin. I hope that will fix. I hope you will subscribe 😊
Hey. Thanks for the tutorial as it helps me make my designs responsive in Figma also. Do you happen to use components by chance? Shouldn't these fonts you declared as the headings and the paragraphs be components? It makes sense to me.
Thanks for your comments and yes you are right. It's very handy if you declare the full font family in Text Style. In that way it will much easier to implement as well as change the font family. I hope you will subscribe 😊
@@essentialwebapps I did. I find I like your design tutorials as I want to improve my own designs. I'm more of a back-end web developer, want to step up my UX/UI game also.
hi this santhosh i tried with breakpoints by seeing your video and getting as expected but after some period of time the trail version got expired and asking to upgrade to pro so i couldn't able to use breakpoint plugin please give me some suggestion Thank you
Thanks a lot for your comment. We are preparing all the files of our all Figma videos. Within a short time, we will release the Figma files for all. Thanks for staying with us.
@@essentialwebapps yes, thank you very much! I'm looking forward to being able to learn from real projects, just watching videos makes it difficult for me to absorb.
🎯 Check out our latest Ultimate Figma Mega-Course ➡️ rb.gy/odk72
I think this is the most understood video I have watched on responsive designs, I love it
You just solved the mysteries that had been making me doubt my own existence for the last two days. You're wonderful!
Thanks for your kind words and we really happy to know that you solved your issue. Please don't forget to share our videos if you like and keep in touch :)
I love this tutorial. Thanks You So much....
Thanks a lot for watching the video. I hope you will subscribe 😊
This was really helpful. Thank you!!
Thank you so much for your feedback. Please keep in touch for more videos 🙏
Finally I find out how it's done. Bought the plugin immediately. Thanks.
Yes Please Create one Video on Typography
Thanks a lot for your reply. Here's the link of the Typography video, 😊
ruclips.net/video/y5cfHgucdUI/видео.html
Yes we want a detailed typography video
Thanks a lot for your comment. Here is the Typography video link for you,
ruclips.net/video/y5cfHgucdUI/видео.html
I hope you will subscribe for future videos. 😊
thank you very much! you cleared my doubt, thank you... thank you... thank you
Thanks a lot for your good words. glad that our video helped you. Please subscribe for future videos 😊
i love your channel ! Really Good Content ! Pls Make Video on TYPOGRAPHY .
Thanks a lot for your kind words and feedback 🙏. I'm putting your suggestions on todo list. Please keep in touch, like and share 🙂.
Thanks for this. Please make a typography breakdown video
Thanks for your Feedback. We are putting your suggestions on our todo list 🙂. Please share our videos with your friends and inspire us 🙏.
Great and Perfect Teacher OF WEB DESIGN ! ! your skilled and technique is so beautiful !! we are so proud about your technique ! please upload more videos !
Thanks a lot for your comment. Please keep in touch for our future Tutorials 🙏
Thank you for solving adoptive design issue. It was great a help and big relief for me as a designer.
I watched it just for the stuff at the end, but hey! I learned some interesting things by watching the whole video. I'm glad to have seen it all, great work!
Thanks a lot for your lovely comment. Really appreciated ...
The best Figma tutorial ever. Thanks, man. You're the hero.
Your words means a lot to us. You are most welcome. Please keep in touch and do not forget to share our videos with your friends 🙏
This helps a lot! Thanks a lot and look forward to more of your videos!
Awesome video thank you very much🔥❤️
Glad that you liked our video. I hope you will subscribe 😊
Thanks a lot for your explanation on Figma Auto Layout and Reaponsiveness! It really helps me understand it better.
You are most welcome, keep in touch and don't forget to Subscribe and share our videos 🙏
Many thanks.
Glad that you liked our video. I hope you will subscribe 😊
You just made my life soo much easier!!
Glad that it helped🙌. Many thanks for staying with me. Don't forget to share our videos with your friends 🙏
Very useful. Thank you.
Thank you for such a nice tutorial.
Like and comment for YT algorithm
Thank you so much :)
Nice video. what if you have multiple webpages? Do you do all of this for each page?
In case of multiple page, you just have to convert that into components and use the child element. I hope this helped and hope you will subscribe 😊
Thank you!!!
Best Figma Tutorial, It's very useful
Thanks for your word. Keep in touch for future videos 😊
Yes , we want a detailed video on typography..
Thanks a lot for your feedback. A video on typography is already on our to-do list. Please stay with us for that video.
Amazing...
Thanks a lot that you liked our video. I hope you will subscribe for videos 😊
Just discovered your account and I love it! Thank you so much for your quality videos. I would like to learn about how to resize/format my website mockup so that it looks nice when i use the view tool on figma. At the moment, it's way too big for my screen
Thanks a lot for your good words. I hope below video will help you to understand that,
ruclips.net/video/T--XhPdO_yA/видео.html
ruclips.net/video/WTNDJtjRQNc/видео.html
Hope this helps, and please subscribe 😊
How I can apply hoover effects etc on website design in Figma??
Thanks for your comment. Here's a video for you,
ruclips.net/video/v3WmuiDCrrA/видео.html
I hope this will help. And please subscribe 😊
Hi, Is there any way to be able to export everything to a html and css file quickly with some plugin?
Thanks a lot for your comment. Well it is possible, and there are few plugins for this too, like Anima or Quest. But these are not perfect. You still have to do adjustments manually. I hope this helps and you will subscribe 😊
Thanks for your great video, I have a question I hope you answer. All three types of devices have to do 3 different design systems and auto layout for components. So is this plug-in really necessary?
Thanks a lot for your comment. Well, these types of plugins exist because of clients and clients only. Sometimes, clients might want to see close to the real site prototype, before development. And, only then you might have to use this kind of prototyping.
Fantastic.
Great videos. Please make one about large desktops using all 1920px but scalling down to 1280 or something in that range. I always feel confuse on how to approach full 1920 layouts.
Thank you for the feedback. I am putting your feedback on the future todo list :) . Keep in touch 🙏
exellent !
interesting !!!
how can i export this design adaptive and have code for implamentation ?
Thanks a lot that you liked the video. Well, to be honest there is no good way to export the design to code. There are few Figma plugins for this. But it's better to code from scratch. I hope you will subscribe 😊
@@essentialwebapps yes i can code it from scratch thank
Hi! Loved the video, thank u very much. I was wondering if the plugin changes do code too? The one that figma provides
Thanks for your comment. If I understand your question correctly, then the answer is no. The plugin is a separate application that works with the Figma application. I hope this helps. 😊
I really like this tutorial, a question I have is when would it be a good time to use auto-layout, should all elements in the design have them?
Thanks a lot for your comment. I use it all the time. The auto-layout really helps you to edit your design afterward without worrying about the numbers and alignment. But, this is just my opinion. There are lots of designers who never use this. So, it's totally up to you and your comfort.
@@essentialwebapps I understand, thanks for the feedback.
@@essentialwebapps
Nicr
@@essentialwebapps Is it possible? I mean not using auto-layout at all. How does it become responsive then?
great.. so how do we convert it to html ... and what page we should convert
Good question Marwa. The best to way to convert it manually so it will pixel perfect. That being said, you need to know HTML and CSS to convert this.
Thank you ☺️
You are welcome! Please keep in touch for our future Tutorials 🙏
where is the grid information (columns,gutter, margin, etc) of the desktop frame? thanks!
Great video! Is there a simple way to implement this responsiveness with coding?
Thanks a lot. For your comment. You can use Bootstrap for that.
This is soo fantastic 😍
However, can you please make it more detailed, I'm kinda new to auto layout and constraints, I don't mind even if the video is long.
I'll still watch, thank you.
Thanks a lot for your comment. We have two other videos on auto layout and constraints for responsive design. Here's the link for you,
ruclips.net/video/zYpYax-M4co/видео.html
ruclips.net/video/FQXi15Ihoqw/видео.html
I hope you will subscribe for our future videos 😊
@@essentialwebapps
Sure I will, your videos are mind blowing. 😊
Interesting
Thank you 🙂
Downloading this WordPress theme do I get access to the Figma file?
No, this Figma design is done during the theme UI development process and in house use only. But this is great premium WordPress theme.
without plugin how it's should be done ?
Thanks a lot for your comment. But there is no other ways to achieve this without the plugin. I hope this helps and hope you will subscribe 😊
niceeeeeeeeeeee
We need typography, thanks 😊
Thanks a lot for your comment. This topic is already in our todo list. Keep in touch with us by subscribing to our channel.
@@essentialwebapps of course I’m ready
how do you undo or remove a breakpoint
Thanks a lot for your comment. Breakpoint plugin creates a totally new frame for the adaptive response. Your original design is intact in three separate frames. This plugin does not merge those. And, if you change anything on those three frames, you will see the change in the adaptive frame also. But, you can always delete the adaptive frame to create a new one.
I am doing the free trial version, and whenever I convert my frames into breakpoints, it doesn’t let me preview it at all it just shows the little purple box and I don’t know how to fix that
Thanks a lot for your comments. If it is something caused because of trial version. Then maybe you might have to purchase it. But if not, just remove and reinstall the plugin. I hope that will fix. I hope you will subscribe 😊
Hey. Thanks for the tutorial as it helps me make my designs responsive in Figma also. Do you happen to use components by chance? Shouldn't these fonts you declared as the headings and the paragraphs be components? It makes sense to me.
Thanks for your comments and yes you are right. It's very handy if you declare the full font family in Text Style. In that way it will much easier to implement as well as change the font family. I hope you will subscribe 😊
@@essentialwebapps I did. I find I like your design tutorials as I want to improve my own designs. I'm more of a back-end web developer, want to step up my UX/UI game also.
hi this santhosh i tried with breakpoints by seeing your video and getting as expected but after some period of time the trail version got expired and asking to upgrade to pro so i couldn't able to use breakpoint plugin please give me some suggestion Thank you
Thanks for your comments. We looked up, and unfortunately there is no alternative to this plugin yet.
@@essentialwebapps thanks for your response
@@essentialwebapps is there any other alternative plugin
As far as I know, there is none yet. But if any, we will make a video on that too... 😊
Thank you man
can you give me the figma file in the video? Pls
Thanks a lot for your comment. We are preparing all the files of our all Figma videos. Within a short time, we will release the Figma files for all. Thanks for staying with us.
@@essentialwebapps yes, thank you very much! I'm looking forward to being able to learn from real projects, just watching videos makes it difficult for me to absorb.
The typo "Dispaly" is a turn-off. Does anyone proof-read this stuff before you publish it?
Yes, our big mistake. We will be careful in the future. Other than the typo, did you find the video useful?