Best practices for component properties — Figma Academy

preview_player
Показать описание

Learn how to structure component properties in a way that creates an intuitive experiences for other designers on your team. We'll look at some specific best practices as well as situations to avoid.
  1. Ridd
  2. Figma
  3. figma tutorials
  4. product design
  5. ridd
Рекомендации по теме
Best practices for 0:07:10

Best practices for component properties — Figma Academy

MASTER Figma Components 0:09:28

MASTER Figma Components in 10 Minutes (Everything You Need To Know)

Figma Component Properties 0:09:38

Figma Component Properties made SIMPLE (Variants, Boolean, Text, Instance)

Figma tutorial: Component 0:18:14

Figma tutorial: Component properties

Base Components with 0:15:28

Base Components with Component Properties in Figma!

Creating High-Quality React 0:12:47

Creating High-Quality React Components: Best Practices for Reusability

Figma components and 0:12:07

Figma components and variants for beginners

How to use 0:15:30

How to use component properties ❖ smartly ❖ in Figma + Bonus Beta features!

Angular:RxJS When to 0:14:42

Angular:RxJS When to Unsubscribe from Subscriptions

Component Properties Figma 0:21:47

Component Properties Figma tutorial

When to Use 0:02:43

When to Use Ref vs. Reactive // Vue Tips

New Figma Components 0:23:12

New Figma Components 101: Variants and Component Properties (Boolean, Instance Swap, and Text)

Figma Basics: Master 0:07:52

Figma Basics: Master Component Properties Easily

Figma Components 101 0:26:26

Figma Components 101 | Learn about Variants and Components Properties | Figma tutorial

Pseudo slots with 0:04:49

Pseudo slots with component properties

Use component properties 0:07:46

Use component properties – like a professional! || Best Mind Like

How and when 0:09:31

How and when to use Figma Component Property. Boolean, Text, and Instance Swap Properties Explained.

Top 5 Beginner 0:12:52

Top 5 Beginner PCB Design Mistakes (and how to fix them)

Figma Button Components 0:22:28

Figma Button Components (Variables, Tokens, Variants & Component Properties ) | Design System Pa...

Web Component Properties 0:16:14

Web Component Properties and Attributes

Figma's NEW Component 0:08:09

Figma's NEW Component Properties Update | Figma Tutorial

Component Properties in 0:08:43

Component Properties in Figma explained (with an Example)

10 React Antipatterns 0:08:55

10 React Antipatterns to Avoid - Code This, Not That!

I WISH I 0:09:15

I WISH I Knew These Tailwind Tips Earlier

Комментарии
Автор

Love it Ridd👌 That was a great walk through.🖖

PapaG-
Автор

I was optimizing the same way ! Thankfully emoji to the rescue to pimp our interfaces ✨

hanaofangel
Автор

Thank you for this video! In your last example, the difference between the non-variant and variant component is that the "No replies" and "4 replies" are actually two different layers styled in the same way, correct? Otherwise, I don't see how Figma would hide the text property for the number of replies when the "Are there replies?" variant property is set to "No"

antonbagdatyev