Summary  
This chapter explains how to define and apply solid and gradient color properties to shapes, including selecting color values using various models, configuring color-stop positions and orientations, and adjusting opacity.

General domain of usage  
UI/UX design

У Figma можна використовувати суцільні кольори або градієнти для фігур і дизайнів.
- Перейдіть до панелі Design і натисніть на іконку Fill;
- Використовуйте спектр відтінків, повзунок відтінків і повзунок непрозорості для налаштування кольорів.
### Системи значень кольорів, які ви побачите:

Type specific hexadecimal codes for colors

Define colors using Red, Green, and Blue channels

- Також можна скористатися інструментом **Eyedropper** для вибору кольорів зі сторінки або фрейму, або отримати доступ до збережених кольорів з інших проєктів через випадаюче меню;
- Якщо вибрати опцію **Gradient Fill** у меню Fill, з’явиться панель градієнта;
- Можна налаштовувати **панель градієнта**, змінюючи положення кольорових точок, додаючи нові точки, обертаючи градієнт, віддзеркалюючи його або змінюючи окремі кольори точок і їхню непрозорість за потреби.

Breaks colors into segments for a unique effect

Яка з наведених не є системою значень кольору, доступною у Figma?

Що відбувається, якщо встановити одну зупинку у градієнті на 0% непрозорості?

Вивчіть усе — від основ проектування користувацьких інтерфейсів до просунутих технік прототипування та співпраці. Дослідіть, як створювати вайрфрейми, розробляти візуально привабливі макети та ефективно працювати з командами розробників, використовуючи потужні можливості Figma. Ідеально підходить як для початківців, так і для професіоналів: цей навчальний шлях поєднує практичні проєкти, експертні поради та реальні приклади застосування для досягнення успіху у конкурентному світі дизайну.

Дізнайтеся, що таке Figma, яку роль вона відіграє в UI/UX-дизайні, а також як орієнтуватися в її інтерфейсі та інструментах. Ознайомтеся з дошкою FigJam для брейнштормінгу та співпраці, а також із сторінками та фреймами у Figma, які є основою для ефективної організації та структурування ваших дизайнів.

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

Дізнайтеся, як розміщувати фотографії та відео, використовувати маски та застосовувати режими змішування для створення динамічних дизайнів. Опануйте кольори, градієнти, кнопки, автолейаути, компоненти та стилі. Відкрийте для себе можливості плагінів і віджетів для підвищення креативності та оптимізації робочого процесу.

Дослідження колонок, сіток, плагінів і структури компонентів типу батько-дитина для оптимізації процесу проєктування.

Розробка низькодеталізованих вайрфреймів, створення інтерактивних прототипів, анімація дизайнів і ефективна презентація робіт клієнтам.

Кольорове та градієнтне заповнення у Figma: Опанування палітр для UI/UX-дизайну

Системи значень кольорів, які ви побачите:

1. Яка з наведених не є системою значень кольору, доступною у Figma?

2. Що відбувається, якщо встановити одну зупинку у градієнті на 0% непрозорості?