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

Створення компонента

Виберіть фрейм або елемент, клацніть правою кнопкою миші та оберіть Створити компонент або скористайтеся комбінацією клавіш Ctrl + Alt + K (Windows) чи Cmd + Option + K (Mac).

Головні компоненти

Головні компоненти відображаються фіолетовим кольором у панелі шарів і позначаються іконкою з чотирма діамантами.

Екземпляри

Екземпляри — це дублікати головного компонента, позначені іконкою з одним діамантом. Щоб створити екземпляр, перетягніть його з панелі ресурсів, продублюйте головний компонент (Ctrl/Cmd + D) або скопіюйте та вставте його.

Зміни та перевизначення

Зміни у головному компоненті автоматично оновлюють усі його екземпляри. Перевизначення, наприклад зміна кольору чи тексту, впливають лише на екземпляр. Щоб скинути перевизначення, клацніть екземпляр правою кнопкою миші та оберіть Скинути всі зміни. Щоб застосувати зміни екземпляра до головного компонента, скористайтеся Передати зміни до головного компонента у панелі дизайну.

Від'єднання екземпляра

Щоб від'єднати екземпляр від головного компонента та зробити його окремим елементом, клацніть правою кнопкою миші та оберіть Від'єднати екземпляр, перейдіть у панель дизайну та оберіть Від'єднати екземпляр або скористайтеся комбінацією клавіш Ctrl + Alt + B (Windows) чи Cmd + Option + B (Mac).

Відновлення видаленого головного компонента

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

Спільне використання компонентів

Компоненти за замовчуванням зберігаються локально. Щоб поділитися ними, клацніть головний компонент правою кнопкою миші та оберіть Опублікувати вибрані компоненти або перемістіть компонент у командний проєкт для доступу інших користувачів.