Уверены, что вы точно слышали о летней конференции Config, на которой было представлено крупное обновление Figma. Последние несколько месяцев мы с коллегами много обсуждали и тестили новые функции, а сегодня решили поделиться своими размышлениями с вами.
Новый Auto Layout
Одно из самых крупных и важных обновлений. В Auto Layout появились две новые функции — Wrap и Max/Min.
- Перенос (Wrap) — когда вы сжимаете контейнер с Auto Layout, контент перемещается на следующую строку. Очень выручает, если нужно сделать сквозное форматирование текста в кнопках, формах и других интерфейсных элементах.
- Минимальная и максимальная ширина и высота (Min/Max) — позволяет установить рамки масштабирования контейнера. Например, задать параметры карточки, чтобы в зависимости от них без искажений менять размер контента.
Переменные
Переменных требовали наши сердца! И вот новая функция появилась.
- Теперь можно одним кликом редактировать сразу нескольких переменных. Зажимаете Shift, выделяете их и клацаете правой кнопкой мыши. Готово, вы восхитительны!
- Для переменных цвета можно указать поля, к которым их нужно применить. Например, запретить переменной фонового цвета применяться к обводке.
- Появилось гранулярное переключение тем: мод применяется не только к инстансам целиком, но и отдельно к вложенным слоям.
- Ну и немного плюшек для разрабов: появилась возможность указывать имена переменных для Web, iOS, или Android.
Команда Figma обещает выкатить и другие. Теперь ждём текстовые переменные 🤞
Прототип из разных страниц
Чтобы сделать прототип, теперь не нужно собирать всё в одном месте. Вы можете указать ссылки на файлы, которые находятся даже за пределами проекта. А при тестировании страницы будут открываться в той же вкладке.
Превью шрифтов
В Figma теперь появилась возможность предварительного просмотра шрифтов, чтобы оценить, как текст будет выглядеть в разных вариантах.
Статусы
Наконец-то можно назначать фреймам статусы готовности к разработке и помечать их Ready for development. Кроме того, появилась система контроля версий с указанием, кто и когда вносил изменения.
А ещё команда Figma внесла множество мелких улучшений, которые долго ждали своего часа. Уследить за всеми трудно, поэтому мы собрали их в один файлик в нашем тг-канале. Забирайте, чтобы сделать рутину легче!
Плагины на основе AI
Конечно, пока не все функции, о которых мы мечтали, появились в Figma. Хорошая новость: сейчас с этими задачами легко справляются плагины на основе AI.
Пока одни дизайнеры переживали, что нейросети лишат их работы, другие превратили его в друга и помощника, который освобождает время для интересных задач. Кто бы мог подумать пару лет назад, что искусственный интеллект будет:
- создавать уникальные наборы иконок по текстовым запросам;
- генерировать фото людей, чтобы нам не приходилось думать об авторских правах;
- и даже проектировать на вайфреймах.
Ссылки на все эти волшебные плагины вы найдёте в нашем канале Грядка. Делитесь с коллегами или по-тихому сохраняйте и поражайте окружающих своей эффективностью.
Очевидно, что в будущем количество полезных плагинов в Figma станет больше. Не зря же они купили Diagram — компанию, которая раньше разрабатывала для Figma AI-плагины. Подписывайтесь на Грядку, чтобы не пропустить новые полезные инструменты!
