Figma COMPONENT PROPERTIES & BASE COMPONENTS Explained: The Ultimate Guide!
🚀 Get 2 free months of Skillshare Premium & watch my design course for free: https://skl.sh/2TVhf8z
In this Figma Tutorial, I will show everything there is to know about Component Properties, Variants, and Base Components! Go from a Beginner to an Advanced Level in no time!
🌟 Enjoying my content? Here is your chance to support the channel:
/ @designpilot
🔗 Figma File: https://www.figma.com/file/cVU0r3ipWA...
🚀 Create an account on Mobbin for free:
https://mobbin.com/?referrer_workspac...
🔸 Chapters
00:00:00 Introduction
00:00:56 What are Master Components and Instances?
00:02:09 What are Variants?
00:08:16 Why do we need Component Properties?
00:10:00 Type 1: Text Property
00:11:23 Type 2: Boolean Property
00:13:20 Type 3: Instance Swap Property
00:17:21 Constructing a List Item
00:23:13 Problems with Instance Swap Properties
00:25:40 Solution 1: Introducing Base Components
00:30:04 Solution 2: Instance Swap with a Better Naming Convention
00:32:39 Adding Instance Swap to the Start Icon
00:34:16 Adding the End Element
00:37:40 Creating Sub-Base Components
00:42:20 Combining Base Components + Instance Swap Property
00:46:17 Adding a few more elements to the List Item
00:50:57 Drawbacks of combining Base Components + Instance Swap
00:55:51 Base Components FTW!
-----------------------------------------
UI/UX Design Tutorials:
• The Mega Product Design (UI/UX) Cours...
Webflow Course for Beginners:
• Webflow Course for Beginners
Photoshop Tutorials:
• Photoshop CC Tutorials
Illustrator Tutorials:
• Illustrator CC Tutorials
After Effects Tutorials:
• After Effects CC Tutorials
UI Design Tutorials:
• UI Animation/Interaction Tutorials
Design Resources, Tools and Softwares:
• Design Resources, Tools and Softwares
Adobe XD CC Tutorials:
• Adobe XD CC Tutorials
eSports Design Tutorials:
• eSports Design Tutorials
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: https://chethankvs.design
Twitter: / kvschethan
Instagram: / design_pilot
Mail: [email protected]
Behance: https://behance.net/chethankvs
Dribbble: https://dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#uiuxdesign #figma #designsystems
Watch video Figma COMPONENT PROPERTIES & BASE COMPONENTS Explained: The Ultimate Guide! online without registration, duration hours minute second in high quality. This video was added by user Design Pilot 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 22,36 once and liked it 55 people.