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