Align Bottom
Align Bottom

Align Bottom

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

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

image

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

image

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

image

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

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

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

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

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

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

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

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

📖

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

📌

Антоним:

Также бывает

, которая позволяет выравнивать текст по нижней границе блока.

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

Align Vertical Centers
Align Vertical Centers
Tidy Up
Tidy Up

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