Figma AI: плагины, ускоряющие дизайн интерфейса

Про No-Code, AI и другие технологии, которые делают нашу жизнь проще. Канал исследователя и ноукодера. Контакт для связи: @natellanur

figmaaiплагины

На прошлой неделе Figma выкатила AI фичи. Приблизительно на сутки. А потом откатила релиз. Дело в том, что результаты выдачи ИИшки были очень похожи на существующие на рынке продукты. Ну как “похожи”. Судя по отзывам - 1 в 1. So scandal.

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

  1. Wireframe Designer

    Что делает: рисует визуальную структуру интерфейса сайта (без красок, картинок и прочего), основываясь на описании продукта и интерфейса.

    Вообще на текущий момент, как мне кажется, именно wireframing - крутой кейс для использования ИИ в дизайне интерфейса. Этот плагин - не лучшее решение для wireframing’a на рынке, но внутри Фигмы, на мой взгляд, лучшее.

  2. Codia AI Design

    Что делает: конвертит скриншот в дизайн.

    Подойдет для ситуаций, когда вы используете референс на какой-то сервис.

    Задаете пример (ChatGPT для чатбота, airnbn для маркетплейса, instagram для соц.сети и пр.), получаете его перерисовку, далее работаете с ней - исходите из структуры, привычной пользователю.

  3. Figr

    Что делает: генерирует дизайн-систему (компоненты дизайна на основе предзаданных настроек, цветов, шрифтов).

    Это не ИИ инструмент. Он генерирует палитру, дизайн кнопочек, какие-то другие полезные компоненты. Всё очень типовое, но не это ли прелестно - всё знакомое и “чистое”.

***

Дисклеймер: я не дизайнер и смотрю на эти плагины с позиции: как без команды сделать сносный приятный дизайн для тестирования гипотез.

Профессиональные дизайнеры могут использовать данные инструменты для минимизации рутинных задач - но делают ли они это или предпочитают максимальную гибкость - вопрос…

Пишите в комментах, если вы дизайнер - мне очень любопытно.