Как изменить цвет заливки фигуры в figma

Если нужно быстро понять, как изменить цвет заливки фигуры в figma, проще всего работать через правую панель свойств: там задаётся цвет, прозрачность и режим смешивания. Этот способ подходит для фигур, текста с заливкой и многих векторных объектов.

Где находится заливка

Сначала выделите нужную фигуру на холсте. Справа откроется панель свойств, и в ней нужно найти блок Fill. Именно он отвечает за внутренний цвет объекта. Если блок скрыт, значит заливка у объекта отключена или вы смотрите не на саму фигуру, а на группу, фрейм или вложенный объект.

Дальше нажмите на цветной квадратик рядом с названием Fill. Откроется палитра, где можно выбрать цвет вручную, ввести HEX-код или настроить оттенок через ползунки. Когда вы меняете значение, результат виден сразу на холсте, поэтому легко сравнить несколько вариантов.

• Один клик по образцу открывает выбор цвета;
• HEX помогает поставить точный фирменный цвет;
• Ползунок Alpha меняет прозрачность заливки;
• Плюс рядом с Fill добавляет ещё одну заливку, если это нужно.

Как изменить цвет заливки фигуры в figma на конкретный оттенок

Если важна точность, используйте HEX или пипетку. HEX удобен, когда у бренда уже есть палитра, а пипетка помогает взять цвет с любого элемента интерфейса или с изображения. После выбора проверьте, не перекрывает ли новую заливку другая сверху: у объекта может быть несколько Fill, и верхний слой иногда скрывает нижний.

В некоторых случаях фигура выглядит «не того» цвета не из-за самой заливки, а из-за прозрачности, режима смешивания или наложения эффектов. Если цвет кажется бледным, проверьте значение Opacity. Если оттенок меняется странно, посмотрите Blend mode: при умножении, перекрытии или осветлении результат может отличаться от ожидаемого.

Чтобы не потерять прежний вариант, можно сначала продублировать фигуру или сохранить цвет в стилях. Тогда вы сможете вернуться к исходному оттенку без ручного подбора.

Если заливка не меняется

Иногда пользователь думает, что меняет цвет, но визуально ничего не происходит. Обычно причина одна из этих:

• Вы выделили не саму фигуру, а группу или фрейм;
• У объекта выключена заливка и виден только контур;
• Заливок несколько, и сверху стоит другая;
• Объект находится внутри компонента, где свойства ограничены;
• Прозрачность слишком низкая и изменение почти не заметно.

Если это компонент, сначала попробуйте выделить именно вложенный объект или создать отдельный экземпляр. Для векторных фигур также полезно проверить, не редактируется ли отдельный узел: в этом режиме цвет может относиться к части контура, а не ко всей форме.

Быстрый порядок действий

Когда нужно сделать всё без лишних поисков, действуйте так: выделите фигуру, откройте Fill, выберите цвет, при необходимости введите HEX и проверьте прозрачность. После этого снимите выделение и снова щёлкните по объекту, чтобы убедиться, что цвет сохранён именно на нём, а не на соседнем элементе.

Если оттенок должен совпадать с макетом, сравните фигуру с рядом стоящими элементами на том же фоне. Так проще заметить, не исказился ли цвет из-за окружения. И если вы снова спрашиваете себя, как изменить цвет заливки фигуры в figma, запомните главное: сначала ищите Fill, потом проверяйте, нет ли сверху ещё одной заливки или лишней прозрачности.