Мокап ИИ-чата

Интерфейс ИИ-ассистента с историей чатов, промптом, структурированным ответом и современным полем ввода.

Перетащите сюда скриншот

Размер

Формат

Картинка остаётся в вашем браузере — мы ничего не загружаем.

Делаете ИИ-продукт? Шаблон рисует привычный интерфейс ИИ-ассистента: боковую панель с историей, вопрос пользователя, структурированный ответ с вариантами и списком, кнопки оценки и скруглённое поле ввода с вложениями, поиском и голосом.

Впишите название своего продукта — оно появится вверху как имя модели.

Примеры

ИИ-чат · MacBook · В воздухеИИ-чат · MacBook · В воздухеИИ-чат · iPhone · СлеваИИ-чат · iPhone · СлеваИИ-чат · Браузер · ТёмнаяИИ-чат · Браузер · ТёмнаяИИ-чат · Вместе · СправаИИ-чат · Вместе · Справа

Как это работает

  1. Выберите экран

    Один из 18 типов интерфейса (по 5 лейаутов) или свой скриншот. Нажимайте «Другой вариант», пока не понравится.

  2. Выберите устройство

    iPhone 17 Pro, iPhone Air, MacBook Pro или MacBook Air — или окно браузера.

  3. Скачайте

    Выберите ракурс и фон и скачайте PNG, JPG или WebP в высоком разрешении. Можно с прозрачным фоном.

Вопросы

Можно назвать ассистента по-своему?

Впишите название продукта — оно заменит имя модели в шапке.

Есть тёмная версия?

Да, выберите «Тёмная» — с монохромным акцентом получается очень минималистично.

Можно показать на телефоне?

Да, на iPhone — мобильный ИИ-чат с подсказками.

Это бесплатно?

Да. Все интерфейсы, устройства, ракурсы и размеры бесплатны, регистрация не нужна. Картинки можно использовать в коммерческих проектах.

Можно вставить свой скриншот в iPhone или MacBook?

Да. Нажмите «Свой скриншот», перетащите картинку на превью или вставьте её через Ctrl/Cmd+V. Изображение обрабатывается прямо в браузере и никуда не загружается.

Ещё мокапы

Мокапы по типу экрана


Мокапы по устройству