Создайте первый проект

Этот путь ведёт от нового аккаунта до экрана, который можно редактировать и экспортировать.

uxmagic.ai/dashboard

1. Войдите#

Откройте uxmagic.ai и зарегистрируйтесь через Google или по почте. Карта не нужна — тариф Free даёт 20 кредитов каждый день, этого хватает примерно на 3 экрана в сутки, в 5 проектах.

2. Создайте проект#

На панели нажмите Новый проект. Проект — это контейнер для набора экранов с общей темой: один продукт, один сайт, один сценарий. Держите несвязанные работы в разных проектах, чтобы их дизайн-системы не сталкивались.

3. Опишите, чего вы хотите#

Напишите запрос в поле промпта. Будьте конкретны насчёт продукта, экранов и аудитории:

SaaS для управления проектами в небольших агентствах. Нужны маркетинговый лендинг, страница с ценами и панель со списком активных проектов. Чисто и современно, глубокий синий и белый, дружелюбно, но профессионально.

Если у вас есть бренд, сайт-референс или техническое задание, приложите их сразу — см. Все способы создать экран.

4. Утвердите план#

Для нового проекта ИИ обычно предлагает список экранов, прежде чем что-то проектировать. Вы можете добавить экраны, переименовать их, убрать лишние, а затем утвердить. Этот шаг намеренно дешёвый: поправить план куда лучше, чем переделывать пять готовых экранов.

5. Посмотрите, как он проектирует#

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

6. Дорабатывайте#

Два способа что-то менять:

• Чат — для всего структурного и тематического: «добавь отзывы под герой-блок», «сделай всё тёмным», «поменяй текст на кнопке».
• Режим редактирования — зайдите внутрь экрана, чтобы менять текст и картинки напрямую, не тратя генерацию.

См. Редактирование экрана.

7. Заберите результат#

Когда всё устраивает: экспортируйте в Figma, выгрузите код или опубликуйте как живой сайт.

Типичные ошибки первой сессии#

• Просить по одному экрану, когда нужен целый сценарий. Запрашивайте весь сценарий сразу, чтобы экраны получили общую тему и навигацию.
• Чинить тему по экранам. Измените тему один раз — она применится ко всему проекту. См. Темы и гайдлайны.
• Перегенерировать из-за опечатки. Используйте режим редактирования. Перегенерация стоит кредитов, правка текста — нет.