Описание
Выравнивает выделенные слои по вертикальным геометрическим центрам, приводя их к одной оси. Воздействует на координаты Y.
Группа команд
Arrange
Клавиша Mac
OptV
Клавиша Windows
AltV
Есть в меню
Меню клиента macOSГлавное меню (Mac и Win)
2. File Browser
Вариант 1. Панель Design
Вариант 2. Главное меню Figma
Вариант 2. Меню клиента macOS
Движение по меню клиента macOS
← Align Top Align Bottom →
Align Top
Align Bottom
Режимы работы Align Vertical Centers
У команды есть два режима работы, в зависимости от того, что выделено.
- Режим 1. Если выделен один слой
- Режим 2. Если выделено несколько слоёв
Произойдёт вертикальное выравнивание этого слоя по Y. В качестве оси используется вертикальный центр родительского фрейма.
Сработает логика относительного выравнивания. На основе выделенных слоёв будет определена ось Y для их общего центра. Далее по ней произойдёт вертикальное выравнивание.
Пример 1. Один слой в фрейме
- Делаем фрейм, внутри Rectangle. Ставим его в верхней части фрейма.
- Применяем команду. Слой сдвигается вниз, на вертикальный центр внутри фрейма.
Пример 2. Несколько слоёв
- Из всех слоёв Figma вычисляет среднее значение координаты по Y. В данном примере у слоя blue оно совпало с геометрическим центром выделения по вертикали. По нему произошло выравнивание, поскольку сдвиг по Y между слоями был равный.
- К среднему вертикальному центру приводятся значения Y остальных слоёв. Таким образом, они встают друг под другом по единой вертикальной оси. Слой blue в результате применения команды не двигался, green опустился вниз, а purple стал выше.
Официальная документация: Adjust alignment, rotation and position
Также бывает
Align Horizontal Centers
Движение по меню Figma←
←Quick Actions New from Sketch File... →
Quick Actions
New from Sketch File...
← Align Top Align Bottom →
Align Top
Align Bottom
— образовательный телеграм-канал об интерфейсах, продуктовом дизайне, инструментах для него, о карьере дизайнера и эмиграции
Опечатки и обратную связь автору → @okunev/designer