Responsive Design Beginner's Tutorial for Figma
Ansh Mehra Ansh Mehra
487K subscribers
103,695 views
3.4K

 Published On May 16, 2021

👉🏻 Free Hindi UX/UI Design Course (for Designers):
   • Learn UX at ₹0 in Hindi  

👉🏻 Free English UX/UI Design Course (for Designers):
   • Complete English Guide to UX/UI Desig...  

👉🏻 Full Office Hours Playlist here:
   • Office hours  

🤭 I conduct regular live streams on
  / anshmehra.work  

Links mentioned in the video:

🔗 Figma's Getting Started Playlist (Must for Beginners)
   • What's Figma? [2019]  

🔗 Figma's Features (Amazing Stuff)
   • Figma Tutorial: Shape Tools  

🔗 Notion (I use it for Documenting & collecting my thoughts)
https://www.notion.so/

🔗 Google Material Design Guidelines (for building a strong Foundation)
https://material.io/design/guidelines...

🔗 FAB Button:
https://material.io/components/button...

🔗 Auto-Layout in Figma (quick 5 minute tutorial)
   • Figma in 5:  Auto Layout  

🔗 Responsive Plugin (by Emin Sinani)
https://www.figma.com/community/plugi...

⏱ 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
https://www.anshmehra.com/

🤭 I conduct regular live streams on
  / anshmehra.design  

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

show more

Share/Embed