Align Vertical Centers

Вариант 1. Панель Design

Вариант 2. Главное меню Figma

Вариант 2. Меню клиента macOS

Режимы работы Align Vertical Centers

У команды есть два режима работы, в зависимости от того, что выделено.

• Режим 1. Если выделен один слой

Произойдёт вертикальное выравнивание этого слоя по Y. В качестве оси используется вертикальный центр родительского фрейма.

• Режим 2. Если выделено несколько слоёв

Сработает логика относительного выравнивания. На основе выделенных слоёв будет определена ось Y для их общего центра. Далее по ней произойдёт вертикальное выравнивание.

Пример 1. Один слой в фрейме

1. Делаем фрейм, внутри Rectangle. Ставим его в верхней части фрейма.

2. Применяем команду. Слой сдвигается вниз, на вертикальный центр внутри фрейма.

Пример 2. Несколько слоёв

1. Из всех слоёв Figma вычисляет среднее значение координаты по Y. В данном примере у слоя blue оно совпало с геометрическим центром выделения по вертикали. По нему произошло выравнивание, поскольку сдвиг по Y между слоями был равный.

2. К среднему вертикальному центру приводятся значения Y остальных слоёв. Таким образом, они встают друг под другом по единой вертикальной оси. Слой blue в результате применения команды не двигался, green опустился вниз, а purple стал выше.

📌

Также бывает Align Horizontal Centers

/designer

— образовательный телеграм-канал о продуктовом дизайне и инструментах для него, о карьере дизайнера и эмиграции. Опечатки и обратную связь → @okunev