Обновление Auto Layout для Figma


19.11.2020 Время чтения - 2 минуты 841

Сегодня Figma выпустила новый апдейт, главной звездой которого стала обновленная функция Auto Layout.

В предыдущих версиях Auto Layout выравнивание контролировалось на уровне дочерних объектов. Это означало, что вы могли иметь разные настройки выравнивания для разных дочерних объектов в рамках одного фрейма. Работники Figma обнаружили, что пользователи практически не использовали данную фичу. Именно поэтому в ноябре 2020 года, элементы управления выравниванием были перемещены в родительский фрейм. Такой подход должен упростить работу автоматической компоновки. В последнем обновлении все дочерние объекты должны будут выравниваться одинаково.

Если у вас остались фреймы с прошлого апдейта, в которых была использована функция Auto Layout, с разными настройками выравнивания в дочерних объектах, вы сможете увидеть следующее:

Auto Layout в старых фреймах

Для внесения изменений, вам сперва необходимо обновить фрейм, чтобы удалить отдельное дочернее выравнивание.

Вот что произойдет, после обновления фрейма:

Auto Layout выравнивание

Мы постараемся визуально сохранить ваш оригинальный дизайн. Во многих случаях это означает, что мы будем добавлять промежуточные фреймы, чтобы учесть различные настройки выравнивания. Эти фреймы будут называться фреймами, что были добавленными автоматически (Auto-added).

  • Вы сможете немедленно отменить изменения, однако, если вы щелкните вне окна или обновите страницу, вы не сможете отменить обновление в дальнейшем.
  • Если вы обновили основной компонент, убедитесь, что все его экземпляры были обновлены правильно.

В случае, если вам необходимо создать дизайн с дочерними элементами, в которых будут использованы разные настройки выравнивания:

  1. Выберите элемент, который нужно выровнять иначе.
  2. Добавьте Auto Layout к элементу с помощью сочетания клавиш ShiftA.
  3. Установите для вновь созданного фрейма значение «Заполнить контейнер» на оси, по которой должно быть выравнивание.
  4. При необходимости установите выравнивание.

Источник

Читайте также: Все, что нужно знать о macOS Big Sur

UX/UI Designer

*Клик*