Design and Prototype Buttons with Auto Layout & Components | # 18 | Urdu / Hindi
Learn how to create multiple variant-based buttons in Figma with auto layout and components. In this video, I will show you step-by-step how to create a button component with auto layout and variants.
We will cover topics such as:
00:00 – Introduction to Video.
01:54 – Creating Button through Auto Layo. and Component Feature in Figma.
03:31 – Add Shadow to Button in Figma.
05:03 – Create a Variant of the Button using Components.
07:28 – Add Varient’s Property in Figma.
07:55 – Add Varient in Figma.
09:20 – Create a button with an Icon in Figma
10:34 – Set values to the Buttons in Figma
13:18 – Add Prototyping for creating Hover States in Figma
15:06 – How to Update Prototype Issues in Figma.
16:25 – How to create 1 button with Multiple Variants in Figma.
This video is perfect for anyone who wants to learn how to create buttons in Figma. Whether you are a beginner or an experienced designer, you will learn something new in this video.
So what are you waiting for? Watch this video today and start creating beautiful buttons in Figma!
✨How to use Components in Figma:
https://youtu.be/r9338aPQTTU
✨How to Use Auto Layout
https://youtu.be/x6gpbeVYrQ0
✨How to make Wireframe or Lo-fi Design:
https://youtu.be/ozL-m_ZBzB0
More Links
✨Adobe XD Playlist
https://www.youtube.com/playlist?list=PLspW40rZgNelVnl3o0izoM8E78N0jNHx1
✨UI & UX Design Playlist
https://www.youtube.com/playlist?list=PLspW40rZgNemcESvd7g9mz8gldTKTLy-d
Follow us for more design tutorials, tips, and inspiration:
YouTube: https://bit.ly/3afex5a
Facebook: https://bit.ly/2kEvEaL
Instagram: https://bit.ly/31vRyOB
Pinterest: https://bit.ly/2kebaFG
#AdvancedTypography #CreativeTextDesigns #FigmaTutorial #TypographyInDesign #GraphicDesign #DesignInspiration #UIUXDesign #DesignTutorial
