Как сделать подчеркивание блока (border-bottom) в Figma
Figma позволяет выставить подчеркивание в настройках типографики, но в таком случае это будет декорирование текста, которое вы никак не сможете настроить.
Подчеркивание в Figma
Если же вам надо сделать подчеркивание фрейма с одной из сторон, это можно сделать с помощью Auto Layout. Показываем на примере толстого подчеркивания снизу (аналог border-bottom в CSS).
Для этого решения надо выполнить следующие шаги:
Создаем текст с шириной по контенту (вытягивает текст во всю длину)
Создаем прямоугольник
Объединяем их с помощью Auto Layout (Shift + A)
Задаем Resizing для прямоугольника по ширине Fill container
Структура слоев
Настройка общего фрейма
Настройка прямоугольника
Аналогичным образом можно выполнить подчеркивание сверху, или сбоку. Отступ от текста (или другого контента) регулируется с помощью настроек Auto Layout (расстояние между элементами).
Видео работы Плагин HLFTN создает линейные, радиальные и сложные градиенты из фигур разной величины. Плагин генерирует множество векторных фигур, плавное изменение величины которых создает градиентный эффект. Как…
Плагин Warp it предлагает трансформировать ваши векторы по сетке. Видео работы Изменения происходят в реальном времени — двигайте ползунки, чтобы настроить деформацию. Как пользоваться Выберите векторную фигуру Запустите…
QR-коды достаточно часто используются в веб-дизайне и графическом дизайне, это удобно по массе разных причин, но главным образом для передачи адресов сайтов. Вставить QR в дизайн или…
Объёмные элементы могут значительно оживить интерфейс, и плагин Roto для Figma может очень сильно с этим помочь. Видео работы плагина Рото дополняет ваши векторные фигуры до трехмерности…
