Align Left

Align Left

Описание

Выравнивает выделенные слои по наименьшему (самому левому) значению координаты X среди выделенных. Воздействует на координаты X. Всё улетит влево.

Клавиша Mac
OptAилиCtrlCmd
Клавиша Windows
AltA
Путь
🟡 Главное меню (Mac и Win)🟣 Правая панель⚪️ Меню клиента macOS
Группа команд
Design / Arrange
1. File Browser
5. Правая панель
18

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

image
🟡
Движение по меню Figma

Round to Pixel Align Left Align Horizontal CentersAlign Horizontal Centers

🟣
Движение по правой панели редактора

Export Preview Align Left Align Horizontal CentersAlign Horizontal Centers

Движение по меню клиента macOS

Round to Pixel Align Left Align Horizontal CentersAlign Horizontal Centers

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

image

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

image

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

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

  • Режим 1. Если выделен один слой
  • Будет происходить выравнивание этого слоя по левому краю фрейма.

  • Режим 2. Если выделено несколько слоёв
  • Сработает логика относительного выравнивания по слою, у которого наименьшее значение X

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

  1. Делаем фрейм, внутри слой любого типа, например Rectangle.
image
  1. Слой, к которому применяем Align left, сдвигается на позицию X:0 внутри родительского фрейма и встаёт вплотную к его левому краю.
image

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

  1. Из всех слоёв Figma вычисляет наименьшее значение координаты по X среди всех выделенных слоёв. В данном примере у слоя green значение X было равно -120, по нему будет происходить выравнивание.
image
  1. К нему приводятся значения Х остальных слоёв. Таким образом, они встают друг под другом по единой вертикальной оси на координате -120. Выравнивание происходит по левому краю.
image
📖
Официальная документация: Adjust alignment, rotation and position
📌
Антоним: Align RightAlign Right

Также бывает Text Align Left, позволяет выравнивать текст внутри блока.

/designer/designer

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