Властивості компонентів у Figma дозволяють створювати налаштовувані елементи всередині компонентів, що спрощує повторне використання та адаптацію дизайнів у різних проєктах. Існує три основні типи властивостей компонентів:

1. Властивість заміни екземпляра

Ця властивість дозволяє замінювати вкладені компоненти, наприклад, іконки, всередині основного компонента. Для зручного налаштування можна додати попередньо вибрані іконки або значення.

Щоб створити цю властивість:

• Виберіть екземпляри, які потрібно замінити.
• Використайте опцію Create Instance Swap Property на панелі Design.

2. Булева властивість

Булева властивість дозволяє вмикати або вимикати елементи, наприклад, показувати або приховувати іконки чи текст.
Наприклад, властивість з назвою "Has Left Icon?" може керувати видимістю іконки зліва від кнопки. Ця властивість додається у розділі Appearance.

3. Текстова властивість

Текстова властивість дозволяє змінювати текст всередині компонента безпосередньо з панелі Design.

Щоб створити цю властивість:

• Виберіть текстовий елемент.
• Використайте іконку Apply Property or Variant у верхньому правому куті панелі Design для створення властивості.

Ці властивості можна впорядковувати на панелі Design для кращої організації. Зміни у властивостях, наприклад, перемикання булевої властивості, автоматично коригують інші пов’язані властивості для безперебійної роботи. Тестування всіх властивостей шляхом створення екземпляра компонента забезпечує адаптивність для майбутніх проєктів.

Властивості компонентів значно підвищують ефективність створення та керування повторно використовуваними компонентами, такими як бібліотеки кнопок, економлять час і забезпечують узгодженість дизайну.