In this video, you will learn about the responsive web design tutorial by Figma Breakpoints plugin. This is the second part of the 2 part series on UI design process A to Z. If you are interested to watch a similar tutorial, We are providing regular video tutorials on Figma, PLEASE visit our youtube channel.
This video cover:
- Responsive web design tutorial
- Figma breakpoints
- Responsive design figma
- Typography figma
- Type scale
- Figma constraints and resizing,
Figma Breakpoint plugin is really handy for designers to make an adaptive responsive design in Figma. It let you set breakpoints so that it can respond as per screen size. And, for this plugin, the Responsive design Figma setup became more dynamic.
Typography is vital for any good design. If you are learning UI Design. You should look for typography tutorials. We also covered a basic typography Figma-based setup.
If you are designing a desktop view into a table view design or mobile view design. You need to understand the Type Scale. We did discuss in this Figma tutorial how to do type scale.
In Figma constraints and resizing is another thing to understand. We showed how to do that too in the video.
Help us to inspire and produce awesome free Figma tutorial videos like this. To do so, please subscribe to this YouTube Channel for exclusive content.
This Figma for Beginners tutorial will help you to learn design in Figma with lots of Figma tips and tricks.
This is a tutorial from our Figma Tutorial video series. So, if you would like to learn UI UX design in Figma, we suggest you have a look at our various other videos from this Figma tutorial playlist
Please Visit Our Blog
Follow our various video clips on
If you enjoy the Figma tutorial video, you can help us with a LIKE as well as give your feedback. We will greatly appreciate it if you share these “Auto layout Figma” on Facebook. Your share can help other people to learn designing in Figma.
We also recommend you to check this “Essential Website Features” article to create a better website.