Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Компоненти | Створення Візуалів
UI/UX з Figma
course content

Зміст курсу

UI/UX з Figma

UI/UX з Figma

1. Основні Інструменти Figma
2. Створення та Організація Об'єктів
3. Створення Візуалів
4. Прототипування
5. Подання Роботи

book
Компоненти

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

Щоб створити компонент

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

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

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

Екземпляри

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

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

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

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

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

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

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

Спільний доступ до компонентів

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

1. Який колір представляє головні компоненти в панелі Шари?

2. Яка мета перевизначення екземпляра?

Який колір представляє головні компоненти в панелі Шари?

Який колір представляє головні компоненти в панелі Шари?

Виберіть правильну відповідь

Яка мета перевизначення екземпляра?

Яка мета перевизначення екземпляра?

Виберіть правильну відповідь

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 3. Розділ 6
We're sorry to hear that something went wrong. What happened?
some-alt