Вариант 1. Панель Design, меню More options
← Distribute Horizontal Spacing Distribute Vertical Spacing Distribute Left →
← Distribute Horizontal Spacing Distribute Vertical Spacing Distribute Left →
Вариант 2. Главное меню Figma
Вариант 3. Меню клиента macOS
Принцип действия Distribute Vertical Spacing
Слои расставляются на равном вертикальном расстоянии друг от друга. Если невозможно вычислить целое значение отступа, команда отдаёт приоритет отступам, а не высоте выделенной группы.
Похожие команды
На первый взгляд команда действует практически идентично
В отличие от Tidy up, команда не блокируется, если сумма нечётная. Значение округляется так, что между первым и вторым объектом отступ получается на 1 px меньше, чем у остальных отступов.
Пример: Вертикальное распределение
- Создаём 3 прямоугольника с одинаковой шириной.
- Применяем команду, отступы выравниваются до среднего значения в 30 px.
Ставим их в столбик на отступах 20 px и 40 px. Среднее значение — 30 px. Сумма отступов чётная.
— образовательный телеграм-канал об продуктовом дизайне, инструментах для него, о карьере дизайнера и эмиграции. Опечатки и обратную связь → @okunev