Align Left

Align Left

Описание
Выравнивает выделенные слои по наименьшему (самому левому) значению координаты X среди выделенных. Воздействует на координаты X. Всё улетит влево.
Клавиша Mac
OptAилиCtrlCmd
Клавиша Windows
AltA
Путь
⚪️ Меню клиента macOS🟡 Главное меню (Mac и Win)Редактор: верх🟣 Правая панель
Группа команд
ArrangeПанель Design
2. File Browser
5. Правая панель
18

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

image

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

image

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

image

Round to Pixel
Align Horizontal Centers
Align Horizontal Centers

Режимы работы 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 Right
Align Right

Также бывает

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

Round to Pixel
Align Horizontal Centers
Align Horizontal Centers

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