Как работает над проектом

Не одноразовая генерация, а полноценный процесс: от первого варианта до финала в Figma или коде.

📎

скриншот или промпт

Дай вход

Загрузи скриншот референса или опиши задачу. Промпт необязателен — скриншот работает сам.

Получи варианты

AI может дать один точный вариант или до 4 макетов в разных стилях. Выбирай лучший или комбинируй.

сделай кнопку ярче и добавь иконку →

Готово · 6 кредитов

Доводи через чат с экраном

Чат привязан к текущему экрану: кликай элемент или описывай правку словами. AI правит точечно, не перегенерируя всё.

Figma

</> Код

Экспорт в Figma или код

Забирай макет в Figma через плагин или копируй HTML/CSS прямо из редактора.

Кому подходит

UX Studio закрывает не всю дизайн-работу, а конкретные задачи, где AI реально ускоряет.

🎨

Продуктовый дизайнер

Когда нужен быстрый черновик или серия экранов под один продукт.

Первые варианты за минуту вместо часа
1–4 варианта за один запуск
Экспорт в Figma или HTML/CSS для финальной доводки

💼

Фрилансер / консультант

Серия макетов для клиента: от лендинга до полного флоу приложения.

Чат для точечных правок
Три тира качества — от черновика до финала
Покажи клиенту несколько вариантов за встречу

🧑‍💻

Разработчик без дизайнера

Когда надо запустить продукт, но дизайнера в команде нет.

Скриншот → готовая страница/экран
Готовый HTML / CSS на выходе
Без Figma-навыков

Что внутри

Четыре фичи, которые реально экономят время. Никакой магии — рабочие инструменты.

Стиль или полный макет из референса

Загрузи скриншот — AI скопирует стиль (цвета, типографику, композицию) или воспроизведёт макет целиком.

Есть референс, который нравится — не надо объяснять словами. Скидываешь картинку, AI видит визуал и применяет его либо к своему контенту («такой же стиль, но про мой продукт»), либо воспроизводит структуру близко к референсу для дальнейших правок.

📎 current-design.png

→

✨ redesigned.html

Чат с экраном

Клик по элементу → напиши что поменять → AI правит только его, а не перегенерирует всё.

Итерируешь точечно. «Сделай кнопку крупнее», «поменяй заголовок на X», «убери иконку» — и платишь только за правку, а не за полный макет.

landing.html

сделай кнопку «Начать» ярче и увеличь

Готово. Сменил фон на акцентный, +20% к размеру.

продолжи...

→

3 тира качества

Начни с базового (6 кр) для черновика. Переключи на детальный (12 кр) или максимальный (18 кр) для финала.

Платишь ровно за то качество, которое нужно сейчас. Итерируешь дёшево, на последнем шаге жмёшь «максимум» — получаешь макет для разработки.

Базовый

Быстрый черновик, 10–20 сек

6 кр

Детальный

С UX-деталями, кастомным стилем

12 кр

Максимальный

Финальное качество, production-ready

18 кр

Экспорт в Figma и код

Доводи в Figma или забирай HTML/CSS. Генерация — за 30 секунд, финал — в привычной среде.

Не пытаемся заменить Figma. Делаем черновик, который ты импортируешь плагином за один клик, а код можно скопировать прямо из редактора.

Plugin →

Figma · MyProject

Прайсинг

Кредитная модель. Покупаешь пачку — тратишь по мере работы. Без подписки.

🎁 Старт бесплатный — 45 кредитов в подарок

Small

180 кредитов

900 ₽

Полезная нагрузка:

Базовые (6 кр)≈ 30

Детальные (12 кр)≈ 15

Максимальные (18 кр)≈ 10

Все тиры качества
Скриншот → страница/экран
Чат с экраном
Экспорт в Figma + HTML/CSS

Начать бесплатно

⭐ Популярный

Standard

420 кредитов

1900 ₽

Полезная нагрузка:

Базовые (6 кр)≈ 70

Детальные (12 кр)≈ 35

Максимальные (18 кр)≈ 23

Все тиры качества
Скриншот → страница/экран
Чат с экраном
Экспорт в Figma + HTML/CSS
Приоритет генерации

Начать бесплатно

Pro

1200 кредитов

3400 ₽

Полезная нагрузка:

Базовые (6 кр)≈ 200

Детальные (12 кр)≈ 100

Максимальные (18 кр)≈ 66

Все тиры качества
Скриншот → страница/экран
Чат с экраном
Экспорт в Figma + HTML/CSS

Начать бесплатно

Кредиты не сгорают · Оплата разовая · Возврат в течение 7 дней

FAQ

Шесть вопросов, которые задают чаще всего.

Как работает экспорт в Figma?

Устанавливаешь плагин в Figma. В UX Studio жмёшь «Экспорт» — макет переносится в Figma как фрейм. Если нужен код, HTML/CSS можно скопировать прямо из редактора и передать в разработку.

В чём разница между тирами качества?

Базовый (6 кр) — черновик за 15–30 сек, минимум UX-деталей. Детальный (12 кр) — прорисованные состояния, кастомный стиль. Максимальный (18 кр) — production-ready макет с микроанимациями, типографикой, финальным качеством. Рекомендуем начать с базового для быстрых итераций, включить максимум на финале.

Что если результат не понравился?

Три опции. Первая — перед генерацией поправить предложение в чате. Вторая — после результата попросить точечную правку экрана. Третья — попросить новый экран в том же стиле или перегенерацию с другим промптом.

Можно ли вернуть деньги?

Да — в течение 7 дней после покупки, если использовано меньше 20% кредитов пакета. Возврат на ту же карту в течение 3–5 рабочих дней. Пиши в поддержку.

Подходит ли для моего стека?

На выходе — HTML + CSS. Работает с React, Vue, Svelte, plain-HTML, любым фреймворком. Tailwind-классы поддерживаются на максимальном тире. Figma-экспорт — через плагин.

Мои данные и промпты в безопасности?

Хранятся в нашей БД на серверах в РФ. Не передаём третьим сторонам. Содержимое промптов отправляется только в AI-провайдер (Anthropic / Google). Удалишь проект — удалятся и связанные данные.

От идеи до макета — за минуту.

Как работает над проектом

Дай вход

Получи варианты

Доводи через чат с экраном

Экспорт в Figma или код

Реальные макеты

Кому подходит

Продуктовый дизайнер

Фрилансер / консультант

Разработчик без дизайнера

Что внутри

Стиль или полный макет из референса

Чат с экраном

3 тира качества

Базовый

Детальный

Максимальный

Экспорт в Figma и код

Прайсинг

Small

Standard

Pro

FAQ

Попробуй на одном экране своего проекта.