How to design a responsive layout in figma?
Responsive web design is essential these days because there is a huge range of different devices with different sizes of screens. from extremely small screens in wearable gadgets and devices to extremely huge screens in big monitors and smart televisions.
In this video, we are going to design a responsive layout in Figma using auto layout, breakpoints, and responsive plugins.
Content:
0:00 - Start
0:27 - Why responsive design
1:30 - Principle of responsive design in Figma
4:39 - Responsive design case study
11:04 - Last word
12:00 - Responsive design in framer and webflow
Please subscribe to the channel to be updated about new videos.
Let's Learn together #UX and #UI , #Design, #figma #prototype #breakpoints
Follow me on Instagram: https://www.instagram.com/kimo.artcave/
Photography: https://www.instagram.com/kiagraphy.a...
Twitter: https://twitter.com/kiarashmoazzez
Видео How to design a responsive layout in figma? канала Kimo
In this video, we are going to design a responsive layout in Figma using auto layout, breakpoints, and responsive plugins.
Content:
0:00 - Start
0:27 - Why responsive design
1:30 - Principle of responsive design in Figma
4:39 - Responsive design case study
11:04 - Last word
12:00 - Responsive design in framer and webflow
Please subscribe to the channel to be updated about new videos.
Let's Learn together #UX and #UI , #Design, #figma #prototype #breakpoints
Follow me on Instagram: https://www.instagram.com/kimo.artcave/
Photography: https://www.instagram.com/kiagraphy.a...
Twitter: https://twitter.com/kiarashmoazzez
Видео How to design a responsive layout in figma? канала Kimo
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![#redbull product packshot slider. #ui #ux #figma. full video on my youtube.#design #uidesign](https://i.ytimg.com/vi/c93u1PNZcX8/default.jpg)
![The WhatsApp UI redesign in the Kimolab - Basic!](https://i.ytimg.com/vi/hMeXi96t-m8/default.jpg)
![Learn UX design from a senior designer - with Hannah (Episode 1)](https://i.ytimg.com/vi/ek3lB2JsUL0/default.jpg)
![Custom Cursor in Framer! Add more fun to your design 🪄](https://i.ytimg.com/vi/KoPAj5oiSDA/default.jpg)
![Design like a pro in Figma | Design teaser cards](https://i.ytimg.com/vi/qRFDPF146ug/default.jpg)
![Level Up Your Micro-Interactions in #Figma! 🚀 | Create Smooth & Complex Animations](https://i.ytimg.com/vi/moLF7t3HwYk/default.jpg)
![Play piano in Figma - Advance #prototyping](https://i.ytimg.com/vi/YX-1jY7Sy_U/default.jpg)
![Functional login form in Figma - Real text input !](https://i.ytimg.com/vi/9vqSMbuXuBg/default.jpg)
![Set variable mode 🌟Figma new feature](https://i.ytimg.com/vi/YgslM49sMdg/default.jpg)
![Learn Auto layout in Figma! | How to use Group, Frame and Section?](https://i.ytimg.com/vi/N1wEXOLUcCQ/default.jpg)
![Full functional video player in Figma](https://i.ytimg.com/vi/52L29E6pRSs/default.jpg)
![Adobe to Acquire Figma](https://i.ytimg.com/vi/n2WVwpYDRf4/default.jpg)
![Boost your UX and UI design skill! Welcome to Kimo](https://i.ytimg.com/vi/mD0irpcWFhQ/default.jpg)
![Real Camera in prototype, In Figma and Protopie](https://i.ytimg.com/vi/hyXbFcGUk34/default.jpg)
![Mouse effect in Figma! tracking the mouse position.](https://i.ytimg.com/vi/KbadattRPK4/default.jpg)
![How to make Animation In Adobe Xd: Everything You Need To Know](https://i.ytimg.com/vi/nz-XSNAcJZ8/default.jpg)
![What is graphic design?](https://i.ytimg.com/vi/_oQDQ_xe-hE/default.jpg)
![Glowing Cursor Effect Tutorial in Figma🌟 | Step-by-Step Guide](https://i.ytimg.com/vi/_WHftQQtHRU/default.jpg)
![Responsive design for all devices - How to use #autolayout and #variables?](https://i.ytimg.com/vi/xBCZHhzv7Mw/default.jpg)
![Customize your mouse cursor in the Figma 🌟](https://i.ytimg.com/vi/rVbhDv8AupI/default.jpg)