Responsive Design Tutorial Using Breakpoints Plugin in Figma - Figma Tutorial
In this video, we continue our responsive design process in Figma. We use a plugin called Breakpoints, which makes it easy to create designs for desktop, mobile, and tablet, simply by setting the resolution at which the design breaks and changes to a different device.
Previous Videos:
Responsive Design: • شرح الـ Responsive Design و الـ Constraint...
Responsive Grid: • شرح الـ Layout Grid في فيجما - Responsive ...
Boolean Property: • ازاي تعمل تصميم واحد باكتر من لغة في فيجما...
Auto Layout: • كل حاجة عن اوتو لاي اوت في فيجما - Everyth...
Components in Figma: • شرح الـ Components في فيجما | Figma Compon...
Variants Video: • شرح الـ Variants في فيجما | Figma Variants
Time Stamps:
00:00 Intro
00:20 Breakpoints Explained
01:42 Breakpoints Plugin Explained
04:30 Responsiveness Problems in Design
12:05 Outro