Mockup de chat con IA

Una interfaz de asistente de IA con historial, prompt, respuesta estructurada y un campo de mensaje moderno.

Suelta aquí tu captura

Tamaño

Formato

Tu imagen se queda en tu navegador: no subimos nada.

¿Creas un producto de IA? Esta plantilla dibuja la interfaz habitual de un asistente: barra lateral con historial, pregunta del usuario, respuesta estructurada con opciones y viñetas, botones de valoración y un campo redondeado con adjuntos, búsqueda y voz.

Escribe el nombre de tu producto y aparecerá arriba como nombre del modelo.

Ejemplos

Chat IA · MacBook · FlotandoChat IA · MacBook · FlotandoChat IA · iPhone · IzquierdaChat IA · iPhone · IzquierdaChat IA · Navegador · OscuroChat IA · Navegador · OscuroChat IA · Ambos · DerechaChat IA · Ambos · Derecha

Cómo funciona

  1. Elige una pantalla

    Uno de los 18 tipos de interfaz (5 diseños cada uno) o tu propia captura. Pulsa “Otra variante” hasta que te guste.

  2. Elige un dispositivo

    iPhone 17 Pro, iPhone Air, MacBook Pro o MacBook Air, o una ventana de navegador.

  3. Descarga

    Elige ángulo y fondo y descarga un PNG, JPG o WebP en alta resolución. También con fondo transparente.

Preguntas

¿Puedo poner nombre al asistente?

Escribe el nombre del producto y reemplazará el nombre del modelo en la cabecera.

¿Hay versión oscura?

Sí, elige Oscuro; con el acento monocromo queda muy minimalista.

¿Puedo mostrarlo en un teléfono?

Sí, la versión para iPhone muestra un chat de IA móvil con sugerencias.

¿Es gratis?

Sí. Todas las interfaces, dispositivos, ángulos y tamaños son gratis y no necesitas cuenta. Puedes usar las imágenes en proyectos comerciales.

¿Puedo poner mi propia captura en un iPhone o MacBook?

Sí. Pulsa “Tu captura”, arrastra una imagen a la vista previa o pégala con Ctrl/Cmd+V. La imagen se procesa en tu navegador y nunca se sube.

Más mockups

Mockups por tipo de pantalla


Mockups por dispositivo