Из скриншота в интерфейс

Загрузите скриншот и получите редактируемую версию этого интерфейса, которой можно сменить оформление.

Обновлено:

Дайте UXMagic картинку интерфейса — и он пересоберёт её в настоящий редактируемый экран.

Шаги

  1. Нажмите кнопку вложения в поле промпта и загрузите изображение (JPEG, PNG или WebP).
  2. Скажите, что с ним делать. Это важнее, чем принято думать:
    • «Пересобери этот экран точь-в-точь» — достоверное воспроизведение.
    • «Пересобери эту раскладку, но в цветах нашего бренда» — структура сохраняется, применяется тема.
    • «Это страница цен нашего конкурента — спроектируй нашу с той же структурой» — структура как источник вдохновения.
  3. Отправьте.

Как получить достоверное воспроизведение

  • Загружайте экран целиком, а не фрагмент, если нужна вся раскладка.
  • Загружайте в читаемом разрешении — если подписи не разбираете вы, не разберёт и ИИ.
  • Если важны точные цвета, скажите: «в точности повтори цвета со скриншота». По умолчанию побеждает тема существующего проекта, потому что в большинстве проектов людям на самом деле нужна согласованность.

Несколько скриншотов

Загрузите сразу несколько для многоэкранного сценария — ИИ воспримет их как набор и сохранит согласованность между ними.

Известная ловушка

В существующем проекте один только скриншот не перебивает тему проекта: новый экран наследует уже используемую палитру. Если вам нужна палитра референса, попросите словами: «используй цвета с этого изображения, а не текущую тему».

Стоимость

Прочитать изображение бесплатно; спроектировать по нему экран стоит обычных кредитов за создание экрана.

Частые вопросы

Какие форматы изображений можно загружать?
JPEG, PNG и WebP. Очень большие изображения уменьшаются, прежде чем их прочитает ИИ.
Скриншот будет скопирован точь-в-точь?
Раскладка, иерархия и структура компонентов воспроизводятся достоверно. Скажите явно, если вам нужны и точные цвета с текстами, — иначе применяется тема проекта.

Была ли статья полезной?

Похожие статьи

Read this in your language