Align Bottom

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

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

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

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

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

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

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

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

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

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

1. Делаем фрейм, внутри слой любого типа, например, Rectangle.

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

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

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

2. К нему приводятся значения остальных слоёв. Таким образом, они встают в один ряд по единой горизонтальной оси. Выравнивание происходит по верхнему краю.

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

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