- BrainTools - https://www.braintools.ru -
Каждый день в ленте вижу одно и то же: «10 AI‑инструментов, которые заменят дизайнеров».
Но никто не проверяет, что будет, если попросить ИИ нарисовать не лендинг с котиком, а обычный B2B‑интерфейс.
Я решила провести дизайнерскую проверку на вшивость.Взяла три инструмента: Wireframe Designer, UX Pilot и Uizard и дала им одинаковую задачу: создать контрактный модуль в выдуманной B2B‑системе. Без красоты, без маркетинговых лозунгов, просто таблицы, фильтры и кнопки.
Результаты, скажем так, получились… разнообразные. Кто‑то старался, кто‑то игнорировал промт, а кто‑то, кажется, вообще решил, что контракт — это романтическое соглашение двух сторон.
Каждый инструмент я оценила по 7 критериям, чтобы всё было по-честному. Смотрела не только на красоту, но и на то, понимает ли ИИ задачу, логично [1] ли устроен интерфейс, насколько чистая сборка, как быстро он работает и можно ли вообще потом с этим жить в Фигме. А ещё насколько велик шанс, что после этого я отправлю работать вместо себя искусственный интеллект [2], а сама пойду пить кофе.
Итак, вот мои подопытные.
Wireframe Designer — честный серый каркасник прямо в Фигме,
UX Pilot — амбициозный плагин, который старается думать как человек,
Uizard — веб‑сервис, который, кажется, просто любит кнопки и красивые цвета.
Все получили одинаковые промты и равные шансы проявить себя.
Промт 1 / Desktop version (Contract module page)
Design a B2B Contract Management System page for desktop. The page should include:
A table with a list of contracts (columns: Contract Name, Counterparty, Status, Date, Amount).
A filter panel at the top with fields for Status, Date Range, and Counterparty.
A primary button «Create Contract».
Clean, professional business UI (not a marketing website).
Layout similar to modern enterprise dashboards (left sidebar + top bar optional).
The design should look like a real internal system, not a landing page or e‑commerce site.Промт 2 / Mobile version (Dashboard for manager)
Create a mobile dashboard for a manager in a B2B Contract Management System.
The screen should include:
KPIs: number of active contracts, total contract value this month, pending approvals.
A list of recent contracts with name, date, and status.
A button «Add Contract».
Notification or alert area for updates.
Use a simple, data‑focused layout.
The design should feel like a business productivity app
А дальше только голые факты и скрины того, что получилось.
Wireframe Designer
Плагин для Фигмы, который генерирует простые вайрфреймы по текстовому описанию. Работает прямо внутри файла, пишешь промт, нажимаешь кнопку, и через пару секунд у тебя на экране серенький макет, как будто его рисовал прилежный студент.
Что нагенерировал?
|
Критерий |
Пояснения |
Балл |
|---|---|---|
|
Релевантность |
Балл сверху даю только за мобилку, там присутствует все, что просила. А вот десктоп — вообще мимо. Нет таблицы с документами, фильтр где‑то по середине страницы, непонятно для чего. |
1 |
|
Логика интерфейса |
Опять хочется разделить на 2 формфактора: в мобилке все присутствует, но без должной проработки. В декстопе логика интерфейса отсутствует вообще, просто накидано то, что просила в запросе. |
1 |
|
Визуальный стиль |
Для варфреймов все чистенько. |
3 |
|
Редактируемость |
Все редактируется, плагин создает макеты прямо в фигме, сборка очень даже неплохая, используются автолейауты, все размеры и отступы — целыми числами |
5 |
|
Скорость и удобство |
Генерирует быстро в том месте, где был курсор. |
5 |
|
Бесплатность
|
Бесплатно доступно 10 генераций, а потом надо покупать версию ПРО за 5 баксов в месяц. Генераций мало ) |
4 |
|
Заменит ли меня? |
Шансы нулевые, эти варфреймы еще надо очень долго дорабатывать. Я пробовала другие промты задавать — генерация очень примитивна и сделана на самых простых и распространенных решениях. Что‑то сложное он не сделает. |
0 |
Работает прямо в Фигме, ничего экспортировать не нужно.
Генерирует быстро — буквально за несколько секунд.
Все элементы во фреймах, с автолейаутами и аккуратными отступами (редкость!).
Для вайрфреймов выглядит чисто и структурно.
Понимает задачу очень буквально: «просила фильтр — держи фильтр посередине экрана».
Генерация примитивная, без чувства интерфейсной логики.
Десктопные макеты — просто набор блоков без структуры.
Бесплатно только 10 генераций, дальше — подписка за $5 в месяц.
Wireframe Designer — честный черновик‑бот. Быстрый, чистенький и туповатый.
Он не заменит дизайнера, но если нужно «накидать каркас, чтобы не рисовать руками», то вполне сгодится.
Итог: 19 из 35 баллов
UX Pilot
Ещё один плагин для Фигмы, только умнее и посерьёзнее. Он не просто вываливает серые блоки, а старается реально понять структуру интерфейса. Можно сказать, пытается «думать как дизайнер», но всё ещё с акцентом на пытается.
Что нагенерировал?
|
Критерий |
Пояснения |
Балл |
|---|---|---|
|
Релевантность |
Мне нравится результат, сделано строго по промту. |
5 |
|
Логика интерфейса |
Структура продумана, фильтры над таблицей, хотя теоретически я бы сами фильтры сделала прямо в таблице, тогда блок с фильтром не занимал бы так много места. |
4 |
|
Визуальный стиль |
Все элементы хорошо считываются, нет нарушений в композиции. В платной версии можно подключить свою дизайн‑систему и выбрав ее, плагин будет генерировать макеты под вашу ДС. |
5 |
|
Редактируемость |
Править можно, генерирует в Фигму, но вот качество сборки — не очень. Все сделано фреймами, не использует автолейауты. Я пробовала добавить это требование в промт, но он проигнорировал. Размеры некоторых элементов фиксированы и имеют дробное значение. |
2 |
|
Скорость и удобство |
Боль: зарегистрироваться в этом плагине, получилось не сразу. Генерировал сами макеты не долго, около 1 минуты. |
4 |
|
Бесплатность
|
После регистрации дается 90 кредитов, каждая генерация — 6 кредитов, потом платно все. Стоимость 360 кредитов — 4 бакса. |
4 |
|
Заменит ли меня? |
Шансы есть ) |
3 |
Хорошо понимает промт и генерирует логичный результат.
Композиция чистая, элементы читаются.
Можно подключить свою дизайн‑систему в Pro‑версии — и тогда плагин будет создавать макеты сразу под ваш UI‑кит.
Работает прямо в Фигме, результат редактируемый.
Быстрая генерация (около минуты).
Сборка неаккуратная: фреймы без автолейаутов, часть размеров дробные.
Игнорирует просьбы добавить auto layout в промте.
Регистрация — квест с элементами боли.
После 90 бесплатных кредитов придётся покупать (4 $ за 360 кредитов).
UX Pilot — это как толковый джун, который наконец понял задачу и старается делать «по правилам», но пока не освоил автолейаут. Работает быстро, результат логичный и вполне пригодный для стартового прототипа.
Итог: 27 из 35 баллов
Uizard
Онлайн-платформа, которая обещает генерировать интерфейсы по текстовому описанию. Пишешь промт — получаешь экран. Звучит как мечта, но на деле Uizard больше похож на симпатичный конструктор лендингов, чем на инструмент для создания сложных систем.
|
Критерий |
Пояснения |
Балл |
|---|---|---|
|
Релевантность |
Сгенерировал достаточно примитивные типичные интерфейсы. Сначала я промты вводила в другом месте и выдавал он типичные лендинги, которые были далеки от промта. Сам интерфейс Uizard очень непонятный. |
3 |
|
Логика интерфейса |
Какая-то логика там заложена, но не ясно, какая именно. Хотя фильтры расположены над таблицей, это уже хорошо. Но как работать с данными в таблице непонятно. |
3 |
|
Визуальный стиль |
Мне понравилась фишка с задачей стиля — светлый, темный, техно, элегантный. |
3 |
|
Редактируемость |
Генерация проходит на сайте Uizard. Экспорт возможен только в PNG для бесплатных пользователей. Если покупаете тариф, то можно экспортнуть в SVG, PDF и копирнуть код. Для работы в Фигме не сгодится. |
1 |
|
Скорость и удобство |
Не очень удобный интерфейс, я сначала промт добавляла в описание проекта. Сам промт только 150 символов — очень мало. Генерирует быстро, секунд 30, но получается практически одно и тоже. |
2 |
|
Бесплатность |
80% функций урезаны на бесплатной версии. Если надо все, то от 12 баксов в месяц. Есть ощущение, что Ююизар пытаются создать свой инстмент для работы дизайнеров, функций очень много. Но лично мне в моей работе они все не нужны. |
2 |
|
Заменит ли меня? |
Меня точно нет ) |
1 |
Есть возможность выбрать стиль интерфейса: светлый, тёмный, “техно” или “элегантный”.
Работает быстро — результат появляется за 30 секунд.
Интерфейсы аккуратные, без визуального хаоса.
Сам интерфейс Uizard запутанный — неочевидно, куда вводить промт.
Промт ограничен 150 символами, что для B2B-задачи просто издевательство.
Генерация однообразная: что ни попроси — всё выглядит одинаково.
Бесплатная версия почти бесполезна, экспорт только в PNG.
Даже платные форматы (SVG, PDF, HTML-код) не пригодны для работы в Фигме.
Uizard — это как дизайнер, который выучил пару паттернов из Dribbble и теперь делает “всё одинаково, но с разными кнопками”. Для простых интерфейсов или презентаций сгодится.
Для B2B-дизайна нет.
Итог: 15 из 35 баллов
Три инструмента, 2 промта и вечная дизайнерская надежда: «вдруг теперь‑то ИИ сделает всё сам». Не сделал 😅
Wireframe Designer оказался честным ремесленником, делает быстро, но без души. UX Pilot — самый разумный из троицы, старается, но спотыкается на деталях. А Uizard… просто живёт своей жизнью, где таблица — это уже слишком скучно.
Если подвести сухой итог:
|
Инструмент |
Баллы |
Вердикт |
|---|---|---|
|
Wireframe Designer |
19/35 |
Быстро, но глуповато. Вайрфрейм без логики, зато с автолейаутами. |
|
UX Pilot |
27/35 |
Единственный, кто понял задачу. Нормальный результат “из коробки”. Но в Фигме все равно придется все пересобирать. |
|
Uizard |
15/35 |
Красиво, но бессмысленно. Хорош для лендингов, не для B2B. |
ИИ пока не готов заменять дизайнеров. Он может помочь на этапе быстрых прототипов, накидать идею, вдохновить или подкинуть вариант композиции, но думать за нас ещё не умеет.
Особенно если речь о системах, где «таблица» — это не просто элемент, а философия, а слово «фильтр» вызывает лёгкий тремор даже у опытных проектировщиков. Так что пока я остаюсь на своём месте. А ИИ пусть тренируется, вдруг когда‑нибудь он научится отличать B2B от лендинга.
Эксперимент получился забавный, хоть и слегка разочаровывающий. ИИ всё ещё не умеет делать за нас сложные интерфейсы, зато теперь я точно знаю, кто из них хотя бы старается.
Читайте мои другие статьи про ИИ и продуктовый дизайн тут, на Хабре, и заглядывайте в мой блог [4].
Автор: lianna
Источник [5]
Сайт-источник BrainTools: https://www.braintools.ru
Путь до страницы источника: https://www.braintools.ru/article/20669
URLs in this post:
[1] логично: http://www.braintools.ru/article/7640
[2] интеллект: http://www.braintools.ru/article/7605
[3] боли: http://www.braintools.ru/article/9901
[4] мой блог: https://t.me/b2b_design
[5] Источник: https://habr.com/ru/articles/956478/?utm_source=habrahabr&utm_medium=rss&utm_campaign=956478
Нажмите здесь для печати.