Figma представила редизайн и ИИ-функции Figma AI на основе моделей от OpenAI и Amazon

Новый дизайн будут «раскатывать» постепенно.

Компания также выпустила инструмент для создания презентаций Figma Slides.

Как выглядел интерфейс раньше и как будет выглядеть теперь
  • Figma попыталась решить четыре ключевые задачи. Первая — интерфейс не должен отвлекать от идей, над которыми работает дизайнер. Вторая — он должен оставаться интуитивно понятным даже при многообразии функций.
  • Третья — сервис должен идти в ногу со временем и учитывать, как меняются подходы дизайнеров к творчеству и их интересы, среди которых — генеративные нейросети. Четвёртая — компании нужен единый фундамент, на котором смогут развиваться абсолютно все её инструменты.
  • Figma понимает, что пользователям придётся попривыкать к обновлениям, но считает, что теперь интерфейс проще подогнать под индивидуальные потребности.
  • Элементов интерфейса стало меньше, а рабочего пространства — больше. Появилась «умная» приоритезация действий, нужных дизайнеру в определённый момент (система будет учитывать, что пользователь выделил или на что нажал).
  • Обновили Auto Layout — инструмент для автовыравнивания и простановки отступов во фреймах. Теперь, если макет состоит и из столбцов, и из строк, не нужно собирать несколько вложенных фреймов, у каждого из которых свой Auto Layout. Figma предложит подходящую сборку сама — по уже свёрстанному макету.
Figma представила редизайн и ИИ-функции Figma AI на основе моделей от OpenAI и Amazon
Figma представила редизайн и ИИ-функции Figma AI на основе моделей от OpenAI и Amazon
  • Появился новый вариант индикатора Ready for Dev — Edited. Его можно использовать, когда в макет, готовый к разработке, внесли новые правки. Последние дизайнер сможет описать в специальном окне.
  • Режим Ready for Dev View позволит скрыть всё, что ещё не готово к разработке, чтобы не отвлекать разработчика.
Figma представила редизайн и ИИ-функции Figma AI на основе моделей от OpenAI и Amazon
  • Функция Code Сonnect, которая позволяет соединять код для компонентов интерфейса от разработчиков с компонентами в дизайне, вышла из бета-тестирования.
  • Улучшили и Component Playground: обновлённые в компоненте переменные будут сразу подтягиваться в код.
Figma представила редизайн и ИИ-функции Figma AI на основе моделей от OpenAI и Amazon
Figma представила редизайн и ИИ-функции Figma AI на основе моделей от OpenAI и Amazon
  • Добавили элементы дизайн-систем iOS, iPadOS 18 и Google Material 3, а также набор от самой Figma для прототипирования мобильных веб-приложений.
  • Есть поддержка тёмных тем, адаптивности и генерации кода на SwiftUI (iOS/iPadOS), Compose (Material 3) и React (Figma Simple Design System).
Figma представила редизайн и ИИ-функции Figma AI на основе моделей от OpenAI и Amazon
  • В 2024 году появится возможность делиться проектами между организациями, а в 2025-м — приглашать к работе над проектом сторонних пользователей, выдавая им меньше прав в системе
  • Другой крупный анонс, помимо редизайна, — релиз «набора ИИ-функций» Figma AI. Они разработаны на основе моделей OpenAI, а также Titan от Amazon.
  • На время бета-тестов, которые продлятся до конца 2024 года, функции будут доступны бесплатно. Нужно только записаться в лист ожидания. Но сервис предупредил, что может ограничить использование, если это потребуется. Финальные цены назовут, когда закончат тестирование.
  • Среди функций — «умный» поиск. Visual Search позволяет искать макеты в дизайн-системе по скриншоту или текстовому запросу (например, фразе из макета), а также по примерному наброску компонента от руки или похожей иконке из чужой дизайн-системе. Алгоритмы ищут похожие элементы и макеты во всех файлах, к которым у пользователя есть доступ. В будущем поиск откроют и по публичным проектам из Figma Community.
  • Улучшили также поиск по объектам. Теперь ИИ лучше понимает семантику и контекст поисковых запросов и поможет найти нужную кнопку, даже если она называется, например, btn_large, а дизайнер этого не помнит.
  • Появилась возможность автоматически переименовывать слои, чтобы их содержание считывалось по названию. Например, слой Frame 25536565656 нейросеть может переименовать в Songs, если на нём список песен.
Figma представила редизайн и ИИ-функции Figma AI на основе моделей от OpenAI и Amazon
Figma представила редизайн и ИИ-функции Figma AI на основе моделей от OpenAI и Amazon
  • Без базовых опций тоже не обошлось — можно сгенерировать изображение или текст, а также переписать или перевести его на другой язык. А ещё удалить фон у объекта, не выходя из рабочего пространства.
Figma представила редизайн и ИИ-функции Figma AI на основе моделей от OpenAI и Amazon
  • Функция Make Prototype позволит превратить статичный макет в интерактивный прототип. Куда должны вести кнопки на фрейме — поймёт сам ИИ.
Figma представила редизайн и ИИ-функции Figma AI на основе моделей от OpenAI и Amazon
Figma представила редизайн и ИИ-функции Figma AI на основе моделей от OpenAI и Amazon
  • С помощью функции Make Designs можно сгенерировать черновые макеты и компоненты по текстовому запросу — например, «Создай форму с фильтрами для приложения с рецептами». В Figma считают, что это поможет побороть страх белого листа.
  • Figma предупредила, что для добавления новых функций с 15 августа начнёт собирать данные пользователей для обучения нейросетей. Администраторы команд смогут самостоятельно решать, разрешать компании использовать их макеты или нет. Сделать это можно в настройках. У пользователей тарифа Enterprise опция будет отключена по умолчанию.
46
2
1
24 комментария

Дизайнер, когда с утра в день дедлайна обновилась Фигма до нового редизайна:

25
1
Ответить

О, «стань дизайнером за 3 недели» вышли из чата. Нейросетки всё побеждают клиентов инфоцыган

1
1
Ответить

Да не, чем проще становится работать в фигме, тем больше этих «освой фигму за 2 часа и напиши в резюме миддл ui/ux». Как олд скажу, что когда приходилось проходить через очищающий огонь фотошопа на тормозящем железе, у чела была ментальная готовность к освоению весьма непростой профессии. Сейчас же эта видимая легкость создала иллюзию школьникам, что они-таки могут в дизайн и учиться тут нечему: соевые дети откликаются на вакансию и пишут, что у них 6 лет коммерческого опыта в 18 лет 🤦‍♂️

19
Ответить

Полина, ложись спать.
Совсем себя не бережешь 😗

С этим можно и завтра

3
1
Ответить

ухожу! <3333

1
Ответить

Надо просто в прокуратуру заявление написать, дескать внеурочная эксплуатация "журналистов". И всё.

Ответить

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

1
Ответить