Summary  
This chapter explains how to configure solid and gradient color fills by manipulating color value systems (hex, RGB, HSL, HSB), adjusting color stops’ positions, opacity, and orientation, and selecting gradient types (linear, radial, angular, diamond).  

General domain of usage  
UI/UX design

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

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

Яка з наведених нижче систем значень кольорів НЕ доступна у Figma?

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

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

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

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

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

1. Яка з наведених нижче систем значень кольорів НЕ доступна у Figma?

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