Figma — это редактор векторной графики и инструмент для создания прототипов — вспомните Adobe Illustrator, но с гораздо большим количеством функций, ориентированных на веб-дизайн и проектирование интерфейсов. Одна из самых интересных вещей в Figma — панель Stroke, которая позволяет управлять толщиной, пунктирными линиями, концами и соединениями штрихов.
Вы можете получить доступ к панели «Обводка», выбрав любой объект с обводкой на холсте и нажав кнопку «Обводка» на панели инспектора.
Чтобы изменить толщину штриха, используйте ползунок «Вес» или поле ввода. Вы также можете нажать на кнопки «-» и «+», чтобы уменьшить или увеличить вес штриха на 1px.
ПРО СОВЕТ: Пожалуйста, будьте осторожны при попытке обрезать штрих в Figma. Это может быть сложным процессом и может привести к потере данных или нежелательным изменениям в вашем проекте.
Флажок «Пунктир» позволяет превратить любую сплошную линию в пунктирную. После установки флажка вы можете использовать поля ввода «Штрих» и «Пробел» для управления длиной штрихов и пробелов соответственно.
Раскрывающийся список «Концы» позволяет выбрать способ окончания линии — квадратный, круглый или встык. Раскрывающийся список «Соединения» позволяет выбрать способ отображения углов: скошенные (заостренные), скошенные (квадратные) или закругленные.
Наконец, флажок «Выравнивать по пиксельной сетке» гарантирует, что ваши штрихи всегда будут идеально выровнены по пиксельной сетке, что поможет избежать проблем со сглаживанием при экспорте дизайна в растровые форматы, такие как PNG или JPG.
Вот и все — краткий обзор панели «Обводка» в Figma! Всего несколькими щелчками мыши вы можете легко изменить толщину, штрихи, концы и соединения любой линии на вашем холсте.