Align Right
/designer
/designer
Align Right

Align Right

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

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

image

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

image

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

image

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

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

  • Режим 1. Если выделен один слой

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

  • Режим 2. Если выделено несколько слоёв

    • Сработает логика относительного выравнивания по слою, у которого наибольшее значение X.

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

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

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

  1. Из всех слоёв Figma вычисляет наибольшее значение координаты X для правого края среди всех выделенных слоёв. В данном примере это значение было наибольшим у слоя purple, по нему и будет происходить выравнивание.
    2. image
  2. К нему приводятся значения остальных слоёв. Таким образом, они встают друг под другом по единой вертикальной оси. Выравнивание происходит по правому краю.
    3. image

📖

Официальная документация: Adjust alignment, rotation and position

📌

Антоним:

Также бывает команда

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

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

←
Align Horizontal Centers
Align Horizontal Centers
Align Top
Align Top
 →

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