Как сделать подчеркивание блока (border-bottom) в Figma
Figma позволяет выставить подчеркивание в настройках типографики, но в таком случае это будет декорирование текста, которое вы никак не сможете настроить.
Подчеркивание в Figma
Если же вам надо сделать подчеркивание фрейма с одной из сторон, это можно сделать с помощью Auto Layout. Показываем на примере толстого подчеркивания снизу (аналог border-bottom в CSS).
Для этого решения надо выполнить следующие шаги:
Создаем текст с шириной по контенту (вытягивает текст во всю длину)
Создаем прямоугольник
Объединяем их с помощью Auto Layout (Shift + A)
Задаем Resizing для прямоугольника по ширине Fill container
Структура слоев
Настройка общего фрейма
Настройка прямоугольника
Аналогичным образом можно выполнить подчеркивание сверху, или сбоку. Отступ от текста (или другого контента) регулируется с помощью настроек Auto Layout (расстояние между элементами).
С обновления от 10 мая 2022 в Figma стала доступна тёмная (ночная) тема интерфейса. Как включить и выключить темную тему в Фигме Через меню настроек Нажмите на выпадающее…
Для быстрого поиска похожих элементов в макете в Фигме есть несколько удобных инструментов. Если вы задаетесь вопросом, для чего это нужно, то в первую очередь, пожалуй, для массового…
Итак, вы хотите сделать интерфейс более интерактивным и добавить в него анимацию. (Скачать эту анимацию можно здесь) При этом вы хотите, чтобы она мало весила, не сказывалась…
С обновлением от 22/03/22 в Figma по умолчанию используется шрифт Inter, а не Roboto. Это сделано в ответ на запрос сообщества для большего соответствия шрифтов интерфейсу. Также теперь…