Figma Component Properties 2025
123.5K views · 2024-10-04
UI Design
The new Figma UI3 has changed the position of some actions. In this video let's cover that changes to create component properties. From text properties to boolean properties, we cover it all. Don't miss out on this essential Figma tutorial!
Link to file: https://www.figma.com/community/file/1424064836462109910/component-properties
0:00 Intro
0:32 What are component variants
1:36 Create button component
2:56 Variants
4:50 Instance swap
6:13 Text properties
7:33 Boolean properties
Thanks for watching this video. 🫶
If you consider this video helpful to your learning and work consider leave a comment with your feedback. That can help me to continue creating this type of content to help your growth.
💬 Drop your questions in the comments — let’s grow together!
---
Affiliate links of Apps I really use and trust
👉 Mobbin to get inspiration from website and apps that are really usable
https://mobbin.com/?referrer_workspace_id=a540c6fc-26d1-4fe2-8133-02b78e7d91fa
👉 Perplexity for smart web browsing
https://perplexity.ai/pro?referral_code=E436LT4C
Get in touch
👉 Free weekly newsletter https://ricardocostadesign.substack.com/
👉 Instagram https://www.instagram.com/ricardocostaeu
👉 Linkedin https://www.linkedin.com/in/ricardocostaeu
#figmacomponents #componentproperties #figmatutorial
Link to file: https://www.figma.com/community/file/1424064836462109910/component-properties
0:00 Intro
0:32 What are component variants
1:36 Create button component
2:56 Variants
4:50 Instance swap
6:13 Text properties
7:33 Boolean properties
Thanks for watching this video. 🫶
If you consider this video helpful to your learning and work consider leave a comment with your feedback. That can help me to continue creating this type of content to help your growth.
💬 Drop your questions in the comments — let’s grow together!
---
Affiliate links of Apps I really use and trust
👉 Mobbin to get inspiration from website and apps that are really usable
https://mobbin.com/?referrer_workspace_id=a540c6fc-26d1-4fe2-8133-02b78e7d91fa
👉 Perplexity for smart web browsing
https://perplexity.ai/pro?referral_code=E436LT4C
Get in touch
👉 Free weekly newsletter https://ricardocostadesign.substack.com/
👉 Instagram https://www.instagram.com/ricardocostaeu
👉 Linkedin https://www.linkedin.com/in/ricardocostaeu
#figmacomponents #componentproperties #figmatutorial