Как сделать, изменить и посмотреть расстояния и отступы в фигме — межстрочные, между абзацами и другими объектами

Как сделать одинаковое расстояние между объектами или словами в фигме

Чтобы сделать одинаковое расстояние между любыми объектами в Figma — будь то текстовые блоки, изображения или фигуры — нужно выделить все нужные элементы. После этого в правом нижнем углу выделенной области появится иконка с тремя горизонтальными полосками. Нажав на неё, программа автоматически распределит элементы с равными промежутками между ними. При этом при наведении на розовые линии, появляющиеся между объектами, можно вручную изменять величину отступа, сохраняя при этом одинаковое расстояние. Альтернативный способ — использовать панель Layout в правой части интерфейса, где можно ввести точное значение отступа в пикселях. Также доступны функции Tidy Up и Distribute Spacing в разделе Position, которые дают аналогичный результат. Эти методы работают как для горизонтального, так и для вертикального расположения элементов.

Как настроить одинаковые отступы с помощью автолейаутов

Автолейауты особенно удобны при работе с текстами разного типа — например, заголовком, основным текстом и подписью. Чтобы применить автолейаут, достаточно выделить нужные элементы и нажать кнопку Toggle Autolayout на правой панели, выбрать соответствующий пункт в контекстном меню или использовать горячие клавиши. После этого расстояние между элементами автоматически станет одинаковым и будет отображаться в настройках автолейаута. Его можно изменять как вручную через числовое поле, так и с помощью розовых направляющих. Главное преимущество автолейаута — сохранение заданных отступов даже при изменении содержимого: если добавить или убрать строки в одном из текстовых блоков, расстояния между остальными элементами останутся прежними. Это особенно полезно для создания вертикальных компоновок, таких как карточки статей или блоки с описанием.

Как посмотреть и измерить расстояние между элементами в фигме

В Figma существует два основных способа измерить расстояние между элементами. Первый — выделить два или более объектов, после чего на панели Layout или Autolayout отобразится текущее значение отступа между ними. Второй способ — использовать клавишу Alt (на Windows) или Option (на Mac): зажав её и наведя курсор на один элемент, можно увидеть расстояние от него до других ближайших объектов или до границ фрейма. Этот метод особенно удобен для быстрой проверки отступов без необходимости выделять слои. Таким образом можно оперативно контролировать компоновку интерфейса и соблюдать единые отступы в макете.

Где в фигме находится расстояние между буквами, строками и абзацами

Настройки типографики в Figma находятся в разделе Text на правой панели. Чтобы управлять расстоянием между абзацами, нужно открыть дополнительные параметры типографики (иконка «Type settings») и найти пункт Paragraph Spacing — именно он отвечает за вертикальный отступ между абзацами. Для списков используется отдельный параметр — List Spacing, который задаёт расстояние между пунктами. Важно не путать его с межстрочным интервалом (Line Height), который регулирует расстояние между строками внутри одного абзаца или пункта списка. Межстрочный интервал лучше немного увеличивать для основного текста и, наоборот, уменьшать для крупных заголовков. Расстояние между буквами (Letter Spacing или Tracking) по умолчанию равно 0% и в большинстве случаев его не рекомендуется изменять, особенно в обычном тексте. Исключение — короткие заголовки, набранные заглавными буквами, где небольшое увеличение межбуквенного интервала может улучшить читаемость.