Описание
Выравнивает выделенные слои по вертикальным геометрическим центрам, приводя их к одной оси. Воздействует на координаты Y.
Клавиша Mac
OptV
Клавиша Windows
AltV
Путь
🟡 Главное меню (Mac и Win)🟣 Правая панель⚪️ Меню клиента macOS
Группа команд
Design / Arrange
1. File Browser
148
5. Правая панель
22
Вариант 1. Панель Design
Движение по меню Figma
← Align Top Align Vertical Centers Align Bottom →
Движение по правой панели редактора
← Align Top Align Vertical Centers Align Bottom →
Движение по меню клиента macOS
← Align Top Align Vertical Centers Align Bottom →
Вариант 2. Главное меню Figma
Вариант 2. Меню клиента macOS
Режимы работы 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
/designer — образовательный телеграм-канал о продуктовом дизайне и инструментах для него, о карьере дизайнера и эмиграции. Опечатки и обратную связь → @okunev