Обводка в Figma

   К любой фигуре в Figma мы можем применить помимо самой заливки, ещё и обводку.

   Чтобы добавить обводку к какой-то фигуре, в "Stroke", справа, кликаем на "+". По-умолчанию появится чёрная обводка.

   Обводка работает по той же логике, что и заливка. То есть можно добавлять "+" несколько слоёв заливки цвета самой обводки и менять настройки цвета каждого из этих слоёв.

   Так же можно копировать настройки цвета и применять их к любому другому шейпу.

   К обводке можно применить стили цвета, которые есть у нас в документе (пиктограмма с четырьмя точками), но об этом в отдельном уроке (Создание стилей в Figma)

Обводка в Figma

   По-умолчанию обводка создаётся с толщиной 1 пиксель и внутренняя. В настройках мы можем отрегулировать её толщину и то, как она будет обводить фигуру:

  • Inside - внутренняя
  • Outside - внешняя
  • Center - по-центру

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

  • Линейный градиент (Linear)
  • Радиальный (Radial)
  • Ангулярный (Angular)
  • Алмазный (Diamond)

   Ещё можно применять любую картинку, что есть у тебя на ПК.

   В дополнительном меню "...", можно донастроить обводку: поменять угол скругления самой обводки либо сделать его срезанным. Настроить пунктир, рисунок пунктира и т.д.

11:38
Нет комментариев. Ваш будет первым!
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.