Как Figma удивляет нас в 2023 году: обновления и плагины

Уверен, что вы точно слышали о летней конференции Config, на которой было представлено крупное обновление Figma. Последние несколько месяцев мы с коллегами много обсуждали и тестили новые функции, а сегодня я решил поделиться своими размышлениями с вами.

Одно из самых крупных и важных обновлений. В Auto Layout появились две новые функции — Wrap и Max/Min.

• Перенос (Wrap) — когда вы сжимаете контейнер с Auto Layout, контент перемещается на следующую строку. Очень выручает, если нужно сделать сквозное форматирование текста в кнопках, формах и других интерфейсных элементах.
• Минимальная и максимальная ширина и высота (Min/Max) — позволяет установить рамки масштабирования контейнера. Например, задать параметры карточки, чтобы в зависимости от них без искажений менять размер контента.

Переменных требовали наши сердца! И вот новая функция появилась.

• Теперь можно одним кликом редактировать сразу нескольких переменных. Зажимаете Shift, выделяете их и клацаете правой кнопкой мыши. Готово, вы восхитительны!
• Для переменных цвета можно указать поля, к которым их нужно применить. Например, запретить переменной фонового цвета применяться к обводке.
• Появилось гранулярное переключение тем: мод применяется не только к инстансам целиком, но и отдельно к вложенным слоям.
• Ну и немного плюшек для разрабов: появилась возможность указывать имена переменных для Web, iOS, или Android.

Команда Figma обещает выкатить и другие. Теперь ждём текстовые переменные 🤞

Чтобы сделать прототип, теперь не нужно собирать всё в одном месте. Вы можете указать ссылки на файлы, которые находятся даже за пределами проекта. А при тестировании страницы будут открываться в той же вкладке.

В Figma теперь появилась возможность предварительного просмотра шрифтов, чтобы оценить, как текст будет выглядеть в разных вариантах.

Наконец-то можно назначать фреймам статусы готовности к разработке и помечать их Ready for development. Кроме того, появилась система контроля версий с указанием, кто и когда вносил изменения.

А ещё команда Figma внесла множество мелких улучшений, которые долго ждали своего часа. Уследить за всеми трудно, поэтому я собрал их в один файлик в своём тг-канале. Забирайте, чтобы сделать рутину легче!

Конечно, пока не все функции, о которых мы мечтали, появились в Figma. Хорошая новость: сейчас с этими задачами легко справляются плагины на основе AI.

Пока одни дизайнеры переживали, что нейросети лишат их работы, другие превратили его в друга и помощника, который освобождает время для интересных задач. Кто бы мог подумать пару лет назад, что искусственный интеллект будет:

• создавать уникальные наборы иконок по текстовым запросам;
• генерировать фото людей, чтобы нам не приходилось думать об авторских правах;
• и даже проектировать на вайфреймах.

Ссылки на все эти волшебные плагины вы найдёте в моём канале Грядка. Делитесь с коллегами или по-тихому сохраняйте и поражайте окружающих своей эффективностью.

Очевидно, что в будущем количество полезных плагинов в Figma станет больше. Не зря же они купили Diagram — компанию, которая раньше разрабатывала для Figma AI-плагины. Подписывайтесь на Грядку, чтобы не пропустить новые полезные инструменты!