/designer
/designer
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