Align Right

Align Right

Описание

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

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

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

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

Align Horizontal CentersAlign Horizontal Centers Align Right Align TopAlign Top

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

Align Horizontal CentersAlign Horizontal Centers Align Right Align TopAlign Top

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

Align Horizontal CentersAlign Horizontal Centers Align Right Align TopAlign Top

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

image

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

image

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

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

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

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

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

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

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

  1. Из всех слоёв Figma вычисляет наибольшее значение координаты X для правого края среди всех выделенных слоёв. В данном примере это значение было наибольшим у слоя purple, по нему и будет происходить выравнивание.
  2. image
  3. К нему приводятся значения остальных слоёв. Таким образом, они встают друг под другом по единой вертикальной оси. Выравнивание происходит по правому краю.
  4. image
📖
Официальная документация: Adjust alignment, rotation and position
📌
Антоним: Align LeftAlign Left

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

/designer/designer

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