Главное Свежее Вакансии Образование
😼
Выбор
редакции
698 1 В избр. Сохранено
Авторизуйтесь
Вход с паролем

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

Наконец-то мы дождались обновления для всеми нами любимого инструмента. В предыдущих версиях Фигмы, выравнивание контролировалось во всех дочерних объектах отдельно, теперь же все дочерние объекты будут выравниваться в соответствии с родительским фреймом.

Больше интересных и актуальных статей ищите в нашем блоге и телеграм-канале.

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

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

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


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

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


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

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

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

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

Источник

+1
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.