Сначала дизайн — выберите внешний вид до сборки
КраткоВключите «Сначала дизайн» на странице «Проекты» и нажмите «Создать». Меньше чем за минуту вы увидите три готовых на вид первых экрана вашей идеи — каждый в своём стиле, для компьютера и телефона. Загрузите ещё варианты, посмотрите вариации, подстройте цвета, углы и шрифты или попросите правку словами — затем нажмите «Создать» у понравившегося, и всё приложение будет выдержано в этом стиле.
Первую сборку чаще всего переделывают с нуля, когда внешний вид в ней пришлось угадывать. В режиме Сначала дизайн вы видите несколько готовых первых экранов вашей идеи — их одновременно рисуют быстрые ИИ-модели, ещё до создания приложения. Вы выбираете понравившийся, и всё приложение создаётся именно в этом стиле: цвета, шрифты, углы и то, как оформлены фотографии.
Как пользоваться режимом «Сначала дизайн»?
Заголовок раздела «Как пользоваться режимом «Сначала дизайн»?»-
На странице Проекты опишите приложение в поле запроса.
-
Включите переключатель Сначала дизайн. Он станет оранжевым, как и рамка поля и кнопка Создать. Подсказка под полем изменится на «Enter для выбора дизайна».
-
Нажмите Создать. Откроется окно Сначала дизайн — пока ничего не создано.
-
Смотрите, как появляются экраны. Первый готовый занимает большую сцену, остальные заполняют миниатюры под ней. Нажмите на любую миниатюру, чтобы вывести её на сцену.
-
Когда какой-то вариант покажется подходящим, нажмите Создать с названием приложения (например, Создать City of Brookhaven). Проект будет создан в этом стиле, и начнётся его первая сборка.
Что я вижу?
Заголовок раздела «Что я вижу?»- Вверху — ваше описание и таймер: пока экраны рисуются, идут секунды, а потом появляется надпись Готово к созданию.
- Сцена показывает один экран крупно. Каждый экран — это одна готовая страница, а не схема, и на ней ваши собственные слова. Сайт (куда люди приходят, чтобы что-то узнать, записаться или купить) рисуется в виде главной страницы; инструмент (который открывают, чтобы сделать работу) — в виде основного рабочего экрана, заполненного реалистичным содержимым.
- Миниатюры показывают все экраны с названием продукта и стилем — например, «Мягкая пастель», «Тихая роскошь» или «Швейцарский минимализм» — и счётчик вроде «Готово: 3 · ещё рисуем: 0». Экран можно выбрать, как только он появился, даже если он ещё дорисовывается.
- Компьютер / Телефон показывает ту же страницу в ширину компьютера или в рамке телефона. Каждый экран рисуется так, чтобы работать в обоих размерах.
Пока не появился первый экран, на сцене показываются короткие заметки о том, что происходит: «Читаем описание…», «Приложение ещё не создано: пока это только его внешний вид». Если сайту нужны фотографии, MonstarX рисует несколько штук один раз, и все экраны используют одни и те же.
Можно ли увидеть больше вариантов?
Заголовок раздела «Можно ли увидеть больше вариантов?»- Загрузить ещё 3 показывает ещё три направления в других стилях (они рисуются, пока вы смотрите первые). Всего можно получить до девяти.
- Посмотреть 5 вариантов переоформляет экран со сцены пятью способами: тот же продукт, тексты и разделы в пяти новых стилях — «Стекло», «Чернила», «Ночь», «Журнальный стиль» и «Сигнал». Вариации открываются новым набором, первая миниатюра которого — исходный экран; переключайтесь между наборами стрелками вверху. Вариации можно запросить три раза за сеанс.
Как изменить экран?
Заголовок раздела «Как изменить экран?»Настроить — мгновенно и без ИИ. Панель рядом со сценой меняет сразу всю страницу:
- Основной цвет — девять образцов, начиная с собственных цветов экрана, или любой цвет на ваш выбор.
- Углы — Острые, Смягчённые или Закруглённые.
- Шрифт — десять пар шрифтов.
Миниатюра меняется вслед за страницей, а сборка учтёт ваши настройки. Сбросить настройки возвращает исходный вид.
Изменить — опишите правку словами, например «теплее», «темнее» или «используй наш зелёный #2F6B4F», и нажмите Изменить. Выбранный экран будет перерисован с учётом правки и появится рядом с подписью о том, что вы просили. За сеанс можно сделать до шести таких правок.
Что происходит при создании?
Заголовок раздела «Что происходит при создании?»MonstarX создаёт проект с названием выбранного экрана, загружает ваши вложения, сохраняет экран (в размерах для компьютера и телефона) как дизайн проекта и запускает первую сборку. Конструктор MonstarX следует этому дизайну:
- Стиль — цвета, шрифты, углы, светлая или тёмная тема — переносится на все страницы приложения.
- Страница из образца (главная страница сайта или основной экран инструмента) повторяет его компоновку и порядок блоков, а конструктор по ходу работы сравнивает результат с образцом.
- Страницы и функции по-прежнему берутся из вашего описания. Образец показывает одну страницу, а приложение получает всё, что вы просили.
- Фотографии из образца становятся собственными изображениями приложения.
К вашему первому сообщению в чате прикреплена плашка Сначала дизайн с названием, стилем и его цветами. Нажмите на неё, чтобы посмотреть выбранный экран в полном размере — в ширину компьютера и телефона.
Можно ли пропустить этот шаг или закрыть окно?
Заголовок раздела «Можно ли пропустить этот шаг или закрыть окно?»- Пропустить и создать сейчас запускает сборку без выбранного стиля — так, будто режим «Сначала дизайн» выключен.
- Если закрыть окно (кнопкой ×, клавишей Esc или нажатием за его пределами), MonstarX сначала спросит: «Закрыть режим „Сначала дизайн“? Все дизайны, варианты и изменения этого сеанса будут потеряны». Описание и файлы останутся в поле запроса.
- Если перезагрузить страницу с тем же описанием, снова появятся те же экраны, а дорисовано будет только то, что не успело закончиться.
Клавиатура: ← и → или 1–9 переключают экраны, а Enter запускает создание.
Расходует ли «Сначала дизайн» кредиты?
Заголовок раздела «Расходует ли «Сначала дизайн» кредиты?»Да: рисование экранов — это работа ИИ, и она учитывается в тарифе, как и другие запросы. В разделе Использование она отображается как «Сначала дизайн» в группе Не в приложении и никогда не расходует квоту на премиум-модели, потому что эти модели выбираете не вы. Сеанс со всеми вариациями расходует больше, чем выбор из первых трёх экранов. Если в вашем тарифе не осталось ресурса, окно не сможет рисовать.
Вопросы и ответы
Заголовок раздела «Вопросы и ответы»Определяет ли образец, какие страницы будут в приложении?
Нет. Образец определяет стиль и компоновку той одной страницы, которую показывает. Страницы и функции берутся из вашего описания, и если они с образцом расходятся, побеждает описание.
Можно ли прикрепить логотип или скриншот понравившегося сайта?
Да. Изображения, прикреплённые к описанию (до трёх), передаются моделям дизайна, и те берут из них цвета и характер.
Почему нет переключателя «Сначала дизайн»?
Он есть только в поле запроса на странице Проекты после входа в аккаунт, а на главной странице его нет. Запрос из одних документов без текста создаётся как обычно — напишите хотя бы одно предложение, по которому можно рисовать дизайн.
Можно ли изменить внешний вид после сборки?
Да. Попросите в чате — например, «сделай кнопки круглыми, а зелёный темнее» — или воспользуйтесь режимом редактирования.
Безопасно ли открывать эти экраны?
Да. Перед показом каждый экран очищается: скрипты и внешнее содержимое удаляются, поэтому экран может только отображаться.