filmov
tv
Responsive Design Beginner's Tutorial for Figma

Показать описание
👉🏻 Free Hindi UX/UI Design Course (for Designers):
👉🏻 Free English UX/UI Design Course (for Designers):
👉🏻 Full Office Hours Playlist here:
🤭 I conduct regular live streams on
Links mentioned in the video:
🔗 Figma's Getting Started Playlist (Must for Beginners)
🔗 Figma's Features (Amazing Stuff)
🔗 Notion (I use it for Documenting & collecting my thoughts)
🔗 Google Material Design Guidelines (for building a strong Foundation)
🔗 FAB Button:
🔗 Auto-Layout in Figma (quick 5 minute tutorial)
🔗 Responsive Plugin (by Emin Sinani)
⏱ Timestamps
0:00 - Intro to Responsive Layouts
1:29 - First Time Walkthrough
2:10 - How do Frames work?
3:33 - Frames vs Groups
5:10 - How do Constraints Work?
6:46 - Practical Example
8:30 - Floating Action Button (FAB) using Constraints
10:44 - Example #2 - Mobile Layout
13:43 - Responsive Plugin (Ultimate Stuff)
14:53 - Magic of Constraints 🪄
15:13 - Conclusion
16:37 - Parallel Story - Scene 1
🌏 My Profile
🤭 I conduct regular live streams on
Do comment your reviews or share a story on Instagram! I am looking forward to them 😁
Special thanks to @Figma for helping me become who I am today. There are dozens of sources that have inspired me to make this video so well.
My intention is to spread knowledge in a timeless way, not as mere knowledge but as a story, a narrative, something that is so exciting to listen that it inspires you and pushes you to create awesome stuff.
#uxdesign #anshmehra #figma #figmatutorial
👉🏻 Free English UX/UI Design Course (for Designers):
👉🏻 Full Office Hours Playlist here:
🤭 I conduct regular live streams on
Links mentioned in the video:
🔗 Figma's Getting Started Playlist (Must for Beginners)
🔗 Figma's Features (Amazing Stuff)
🔗 Notion (I use it for Documenting & collecting my thoughts)
🔗 Google Material Design Guidelines (for building a strong Foundation)
🔗 FAB Button:
🔗 Auto-Layout in Figma (quick 5 minute tutorial)
🔗 Responsive Plugin (by Emin Sinani)
⏱ Timestamps
0:00 - Intro to Responsive Layouts
1:29 - First Time Walkthrough
2:10 - How do Frames work?
3:33 - Frames vs Groups
5:10 - How do Constraints Work?
6:46 - Practical Example
8:30 - Floating Action Button (FAB) using Constraints
10:44 - Example #2 - Mobile Layout
13:43 - Responsive Plugin (Ultimate Stuff)
14:53 - Magic of Constraints 🪄
15:13 - Conclusion
16:37 - Parallel Story - Scene 1
🌏 My Profile
🤭 I conduct regular live streams on
Do comment your reviews or share a story on Instagram! I am looking forward to them 😁
Special thanks to @Figma for helping me become who I am today. There are dozens of sources that have inspired me to make this video so well.
My intention is to spread knowledge in a timeless way, not as mere knowledge but as a story, a narrative, something that is so exciting to listen that it inspires you and pushes you to create awesome stuff.
#uxdesign #anshmehra #figma #figmatutorial
Комментарии