Uizard

В данной ИИ есть 3 главные функции :

New blank project - создание проекта с нуля
Generate with Autodesigner - создание сайта/приложения и тд. с помощью ИИ
Start from template - создать сайт с помощью шаблона

Разберем каждую функцию.

New blank project

Прежде чем начать работу, ИИ попросит вас выбрать формат, который вы хотите создать: Web, tablet, mobile.

После того, как вы выберете формат, вы попадете в рабочую область.

Здесь есть 4 основных части рабочей области.

Поле слева

панель с элементами, которые вы можете добавить в свой проект:

добавить готовый дизайн (скриншот, варфрейм, файл фигмы и тд)
шаблоны главных страниц, отдельных блоков сайта
фигуры
текст
изображение, гиф (можно выбрать из предложенных сервисом или загрузить свое)
иконки разных стилей
кнопки
возможности ИИ

Главное поле по центру

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

Поле справа

это панель работы с готовым дизайном:

первая возможность - редактирование элементов
переключаться между несколькими экранами (если таковые имеются)
давать комментарии по определенным моментам (если работаете с командой)
переключать режим на режим прототипа
достать код какого-то элемента
общие настройки

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

Как превратить дизайн из Midjourney в реальный проект?

Генерируем изображение в миджорни
сохраняем его на компьютер
переходим в uizard
выбираем пункт new blank project
нажимаем "scan screenshot"
добавляем наше сгенерированное изображение
теперь вы можете его редактировать

далее вы можете перенсти макет в редактор figma, если есть необходимость.

Для этого в самой фигме вам нужно установить плагин "html.to.design"

В Uizard поделиться проектом: нажать share -> share -> сделать активной кнопку "Sharing link" -> нажать "copy link" -> перейти фигму и воспользоваться плагином.
Теперь у вас есть готовый редактируемый дизайн сайта.