Зміст курсу
UI/UX з Figma
UI/UX з Figma
Компоненти
Повторювані елементи інтерфейсу, які забезпечують узгодженість і дозволяють швидко оновлювати проекти дизайну. Компоненти можуть бути створені з шарів, груп або кадрів.
Щоб створити компонент
Виберіть кадр або елемент, клацніть правою кнопкою миші та виберіть Створити компонент або використовуйте комбінацію клавіш Ctrl + Alt + K (Windows) або Cmd + Option + K (Mac).
Головні компоненти
Головні компоненти відображаються фіолетовим кольором у панелі Шари та позначаються чотирикутною іконкою діаманта.
Екземпляри
Екземпляри є дублікатами головного компонента, позначеними одинарною іконкою діаманта. Щоб створити екземпляр, перетягніть з панелі Активи, дублюйте головний (Ctrl/Cmd + D), або скопіюйте та вставте його.
Зміни та перевизначення
Зміни в головному компоненті автоматично оновлюють всі його екземпляри. Перевизначення, такі як зміни кольору або тексту, впливають лише на екземпляр. Щоб скинути перевизначення, клацніть правою кнопкою миші на екземплярі та виберіть Скинути всі зміни. Щоб застосувати зміни екземпляра до головного, використовуйте Надіслати зміни до головного компонента в панелі Дизайн.
Від'єднати екземпляр
Щоб від'єднати екземпляр від його головного та зробити його автономним, клацніть правою кнопкою миші та виберіть Від'єднати екземпляр, перейдіть до панелі Дизайн та виберіть Від'єднати екземпляр, або використовуйте комбінацію клавіш Ctrl + Alt + B (Windows) або Cmd + Option + B (Mac).
Відновити видалений головний компонент
Виберіть екземпляр, перейдіть до панелі Дизайн та натисніть Відновити компонент.
Спільний доступ до компонентів
Компоненти за замовчуванням зберігаються локально. Щоб поділитися ними, клацніть правою кнопкою миші на головному компоненті та виберіть Опублікувати вибрані компоненти, або перемістіть компонент до командного проекту, щоб інші могли отримати доступ.
1. Який колір представляє головні компоненти в панелі Шари?
2. Яка мета перевизначення екземпляра?
Дякуємо за ваш відгук!