Align Left

Align Left

Описание
Выравнивает выделенные слои по наименьшему (самому левому) значению координаты X среди выделенных. Воздействует на координаты X. Всё улетит влево.
Группа команд
Arrange
Клавиша Mac
OptAилиCtrlCmd
Клавиша Windows
AltA
Есть в меню
Меню клиента macOSГлавное меню (Mac и Win)
2. File Browser

Вариант 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

Также бывает

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

↔️
Движение по меню Figma

Quick Actions
New from Sketch File...

Round to Pixel
Align Horizontal Centers
Align Horizontal Centers

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