Описание
Выравнивает выделенные слои по горизонтальным геометрическим центрам, приводя их к одной вертикальной оси. Воздействует на координаты X.
Группа команд
Arrange
Клавиша Mac
OptH
Клавиша Windows
AltH
Есть в меню
Меню клиента macOSОсновное (Mac и Win)
Вариант 1. Панель Design
Вариант 2. Главное меню Figma
Вариант 3. Меню клиента macOS
Режимы работы Align Horizontal Centers
У команды есть два режима работы, в зависимости от того, что выделено.
- Режим 1. Если выделен один слой
- Режим 2. Если выделено несколько слоёв
Произойдёт горизонтальное выравнивание этого слоя по центральной оси родительского фрейма.
Сработает логика относительного выравнивания. На основе выделенных слоёв будет определена ось Х для их общего центра. Далее по ней произойдёт горизонтальное выравнивание.
Пример 1. Один слой в фрейме
- Делаем фрейм, внутри Rectangle. Ставим его не на центр.
- Применяем команду. Слой сдвигается на центр внутри родительского фрейма.
Пример 2. Несколько слоёв
- Из всех слоёв Figma вычисляет среднее значение координаты по X. В данном примере у слоя blue оно было равно -100, по нему и произошло выравнивание, поскольку сдвиг по X между слоями был равный. Слой blue в результате применения команды не двигался.
- К среднему горизонтальному центру приводятся значения Х остальных слоёв. Таким образом, они встают друг под другом по единой вертикальной оси на координате -100.
Официальная документация: Adjust alignment, rotation and position
Также бывает Align Vertical Centers
Движение по меню Figma
← Align Left Align Right →
Align Left
Align Right
/designer — образовательный телеграм-канал об интерфейсах, продуктовом дизайне и инструментах для него, о карьере дизайнера и эмиграции Опечатки и обратную связь автору → @okunev