Un mockup de producto te ayuda a mostrar una idea en contexto antes de organizar una sesión completa. Puedes colocar el empaque en un estante, previsualizar un diseño de camiseta, mostrar una app en un teléfono o probar una nueva escena de campaña.
Para obtener un resultado preciso, trata el producto real o el archivo de diseño como la fuente de verdad. La IA puede construir la escena a partir de eso, pero las etiquetas, los logotipos y los detalles pequeños deben verificarse con el original antes de la publicación.
¿Qué hace que un mockup sea útil?
Un mockup necesita tres cosas:
- Una referencia clara del producto o del diseño
- Un contexto que se ajuste a la audiencia
- Escala, luz y contacto con la escena realistas
Un mockup es más útil cuando responde a una pregunta específica: ¿Cómo se verá el producto sobre un escritorio? ¿Este empaque destacará en un estante? ¿El diseño funciona en prendas?
Crea un mockup de producto con IA
1. Empieza con el producto real
Sube una foto limpia del producto, una imagen del empaque o un recurso de diseño a XPT. Usa imágenes de referencia adicionales cuando el producto tenga vistas laterales importantes, colocación de etiquetas o detalles de la superficie.
“Usa la Imagen 1 como referencia exacta del producto. Conserva su forma, color, materiales, proporciones, colocación de la etiqueta y detalles visibles. Crea solo la escena alrededor del producto.”
2. Define el escenario del mockup
Describe la audiencia, el entorno, la superficie, la iluminación y el ángulo de cámara.
“Coloca esta taza de café en un escritorio de aula. Usa luz diurna suave desde la izquierda, una profundidad de campo reducida y una composición editorial limpia. Mantén la taza erguida y completamente visible.”
3. Revisa la precisión del producto
Compara el mockup con la imagen fuente antes de usarlo.
Revisa:
- Forma y proporciones del producto
- Posición de la etiqueta y texto legible
- Materiales y colores
- Número de componentes
- Sombra de contacto y reflejos
- Escala en relación con objetos cercanos
- Props que podrían verse incluidos con el producto
10 prompts de mockup de producto con IA
| Caso de uso | Prompt |
|---|---|
| Botella de skincare | Usa la Imagen 1 como referencia exacta de la botella de skincare. Colócala sobre un mostrador de baño de piedra clara con luz diurna suave desde la izquierda. Conserva la forma de la botella, la tapa, el color, la colocación de la etiqueta, las proporciones y los materiales. Agrega una sombra de contacto sutil y ningún texto extra. |
| Empaque de café | Crea un mockup premium de esta bolsa de café en un mostrador de madera cálida junto a una taza de cerámica simple. Conserva la forma del empaque, el color, el área del logotipo y las proporciones. Usa luz de mañana suave y deja la etiqueta legible. |
| Diseño de camiseta | Crea un mockup tipo flat-lay de una camiseta de algodón blanca simple sobre una superficie gris claro. Coloca el arte subido centrado en el área del pecho. Conserva las proporciones del arte y mantén la camiseta libre de gráficos, texto o logotipos adicionales. |
| App para teléfono | Muestra la pantalla de la app cargada en un smartphone moderno sostenido de forma natural en una mano. Conserva exactamente el diseño de la pantalla, el texto, los íconos y los colores. Usa un fondo de espacio de trabajo neutro y limpio y reflejos realistas de la pantalla. |
| Portada de libro | Crea un mockup de libro de tapa dura de pie sobre un escritorio simple. Aplica el arte de la portada cargada a la portada frontal sin cambiar su diseño, texto ni colores. Usa luz lateral suave y un fondo mínimo. |
| Empaque de vela | Coloca el frasco exacto de la vela sobre una bandeja de piedra clara con algunos props naturales neutros. Conserva la forma del frasco, la tapa, la posición de la etiqueta, el color y la escala. Usa iluminación cálida y suave y no agregues branding. |
| Lata de bebida | Muestra la lata de bebida cargada de pie sobre una superficie metálica fría con condensación realista. Conserva la forma de la lata, los colores de la etiqueta, la posición del logotipo y las proporciones. Usa un fondo oscuro de estudio con reflejos controlados. |
| Bolsa tote | Crea un mockup limpio de una bolsa tote de lona colgando de un gancho de madera. Aplica el arte cargado al centro de la bolsa. Mantén los pliegues de la tela naturales y conserva el arte sin texto adicional. |
| Producto de escritorio | Coloca el producto exacto sobre un escritorio moderno de oficina junto a un cuaderno y un teclado. Conserva el diseño, el color, la etiqueta y las proporciones del producto. Usa luz natural de ventana y deja espacio abierto a la derecha para el texto. |
| Caja de regalo | Crea un mockup de caja de regalo de temporada usando el diseño del empaque cargado. Mantén sin cambios las dimensiones de la caja, el arte y los colores. Colócala sobre una superficie neutra con una cinta separada y una iluminación cálida sutil. |
Usa mockups para conceptos, no para afirmaciones de producto
Los mockups con IA son útiles para la dirección de campañas, avances de empaque y pruebas de concepto. No deben crear impresiones falsas sobre:
- Accesorios incluidos
- Funciones del producto
- Tamaño del paquete
- Materiales
- Texto de la etiqueta
- Color del producto
- Resultados o rendimiento
Para un listado de producto, compara cada visual final con el original. Consulta Cómo crear fotos de producto para e-commerce para un flujo de trabajo de precisión del producto.
Problemas comunes y soluciones
| Problema | Ajuste del prompt |
|---|---|
| Cambios en la forma del producto | Indica que la referencia del producto controla la forma, las proporciones, los materiales y los detalles visibles. |
| El texto de la etiqueta es incorrecto | Conserva la etiqueta original o agrega el texto verificado por separado en una herramienta de diseño. |
| El producto flota | Solicita contacto realista con la superficie y una sombra de contacto correspondiente. |
| Los props parecen incluidos | Indica que cada objeto de apoyo está separado y no forma parte del producto. |
| La escala del producto se siente incorrecta | Compara su altura o ancho con un objeto cercano conocido. |
| El mockup se ve demasiado cargado | Usa un entorno simple y un solo producto focal claro. |
Empieza con un propósito y un escenario. Una vez que el producto sea preciso, adapta la dirección visual aprobada a banners, publicaciones sociales, imágenes de correo electrónico o gráficos para landing.
