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