# Prompt de mockups con IA: tu diseño en una taza, una camiseta, una caja o una pantalla > Pon tu logo o tu diseño en una taza, una camiseta, una caja o una pantalla sin fabricarlo antes. El prompt para ChatGPT y Nano Banana y 6 mockups listos. - Tipo: Prompt - Categoría: Productos - Autor: Álvaro Checa - Publicado: 23 de octubre de 2026 - Actualizado: 23 de octubre de 2026 - Página original: https://recursos.hubmedia.io/prompts/mockups-de-producto-con-ia - Publicado por: Recursos Hub Media (https://recursos.hubmedia.io/) ## Qué es un mockup y para qué sirve Un **mockup** es una imagen que enseña cómo quedará tu diseño sobre un objeto real: tu ilustración en una camiseta, tu logo en una taza o tu web en la pantalla de un móvil. Sirve para enseñar una propuesta a un cliente, anunciar una preventa, llenar la ficha de una tienda de impresión bajo demanda o montar tu portfolio. Antes había que buscar plantillas y encajar el diseño a mano. Ahora basta con **adjuntar tu diseño** y describir el objeto. Si tu producto ya existe y tienes una foto, lo que buscas es otra cosa: mira la [foto de producto sobre fondo de color](https://recursos.hubmedia.io/prompts/prompt-foto-producto-fondo-de-color) o la [foto lifestyle](https://recursos.hubmedia.io/prompts/prompt-foto-lifestyle-producto). ## Cómo hacerlo 1. **1. Prepara tu diseño**: Un PNG nítido, mejor con fondo transparente. Si tiene fondo, quítalo con [remove.bg](https://recursos.hubmedia.io/herramientas/remove-bg) o [Photoroom](https://recursos.hubmedia.io/herramientas/photoroom). 2. **2. Elige el objeto y la escena**: Mira la tabla de 6 mockups. La escena tiene que encajar con quien compra: una taza en un desayuno, una camiseta en un perchero. 3. **3. Adjunta el diseño y usa el prompt**: En ChatGPT o en [Gemini](https://recursos.hubmedia.io/herramientas/gemini) (donde está Nano Banana 2.1). Repite la frase «exactly as in the attached image»: es la que evita que la IA redibuje tu diseño. 4. **4. Compáralo con el original**: Mira colores, proporciones y cada letra. Si algo cambia, pide solo esa corrección: «the text must read exactly as in the attached image». 5. **5. Si se deforma, usa el plan B**: Genera el objeto vacío con el segundo prompt y coloca tu diseño encima en Canva o Adobe Express. Así tu diseño no se toca. 6. **6. Exporta en el tamaño de tu tienda**: Cuadrado 1:1 para fichas de producto y 4:5 para el feed de Instagram. ## El prompt estrella ### Prompt: Tu diseño sobre un objeto real (Adjunta tu diseño o tu logo en PNG · cuadrado 1:1 o vertical 4:5) Versión para ChatGPT Images 2.5 (Probado en ChatGPT Images 2.5): ```text Realistic product mockup photo: a [white ceramic mug] with the design from the attached image printed on [the front side]. Apply the design exactly as in the attached image: same shapes, colours, proportions and text, without redrawing or adding anything. The print follows the curve and texture of the object naturally, with realistic light and subtle reflections over it. Scene: [on a light wooden table next to a small plant, soft morning window light]. Object in sharp focus, background softly blurred. No other logos or brands. [Square 1:1]. ``` Versión para Nano Banana 2.1 (Probado en Nano Banana 2.1): ```text Print the attached design on a [white ceramic mug], [on the front side]. Keep the design identical to the attached image: same shapes, colours and text, no changes and nothing added. The print wraps naturally around the object, with realistic light, shadows and material texture. Scene: [scene]. Sharp object, softly blurred background, no other logos or brands. Aspect ratio [1:1]. ``` Las partes entre [corchetes] son variables: cámbialas por lo que quieras. Cambia el objeto y la escena con la tabla de abajo. Para ropa, di cómo va impreso: «screen printed» (serigrafía) o «embroidered» (bordado). ## Plan B *Cuando tu diseño se deforma* ### Prompt: Objeto vacío para poner tu diseño en Canva (Sin adjuntos · cuadrado 1:1) Versión para ChatGPT Images 2.5 (Probado en ChatGPT Images 2.5): ```text Realistic blank mockup photo of a [plain white heavyweight cotton t-shirt], [front view, laid flat on a light concrete floor]. The print area is completely empty, flat and evenly lit. Natural fabric texture and soft shadows. No text, no logos, no graphics. [Square 1:1]. ``` Versión para Nano Banana 2.1 (Probado en Nano Banana 2.1): ```text Blank mockup of a [plain white cotton t-shirt], [front view, laid flat on light concrete]. Empty, evenly lit print area, natural texture and soft shadows. No text, no logos, no graphics. Aspect ratio [1:1]. ``` Las partes entre [corchetes] son variables: cámbialas por lo que quieras. Pide una vista de frente y una zona de impresión plana: así es más fácil colocar tu diseño encima sin que se vea falso. ## 6 mockups listos para copiar | Objeto | Qué poner en el prompt | Para qué | | --- | --- | --- | | Taza | [white ceramic mug on a breakfast table, steam rising, morning light] | Tiendas de regalos e ilustradores | | Camiseta | [plain heavyweight cotton t-shirt laid flat on concrete, natural wrinkles] | Merchandising y marcas de ropa | | Bolsa de tela | [natural canvas tote bag hanging from a wooden chair, soft daylight] | Ferias, tiendas y eventos | | Caja o packaging | [matte kraft cardboard box, design printed on the lid, top-down view on a pastel background] | Tiendas online y cosmética | | Pantalla del móvil | [unbranded smartphone held in one hand, the design shown on the screen, no glare] | Apps, webs, cursos y ebooks | | Portátil | [unbranded open laptop on a tidy desk, the design shown on the screen] | Webs, plantillas y servicios | ## El texto y los detalles finos, en Canva o Adobe Express Las IA de imagen todavía cambian letras pequeñas: una URL, un eslogan o la letra fina de una etiqueta. Si tu diseño lleva texto: - **Revisa letra a letra** el mockup antes de publicarlo. - **Usa el plan B:** genera el objeto vacío y coloca tu diseño encima en [Canva](https://recursos.hubmedia.io/herramientas/canva), que tiene mockups que adaptan tu diseño a la forma del objeto, o en [Adobe Express](https://recursos.hubmedia.io/herramientas/adobe-express). - **En pantallas, usa una captura real** de tu web o tu app y pégala encima de la pantalla vacía. Se ve más nítida que la que inventa la IA. - **Añade el precio o la oferta** en el editor, nunca dentro del prompt. ## Una nota de honestidad Un mockup es una simulación. Si vendes algo que todavía no está fabricado, indícalo («imagen ilustrativa») y cambia el mockup por fotos reales en cuanto lo tengas. Y comprueba que el color de la prenda, el tamaño de la impresión y el material son los que va a recibir el cliente: si no, lo que vendes no es lo que enseñas. ## Preguntas frecuentes ### ¿Puedo usar mockups hechos con IA en mi tienda? Sí, muchas tiendas de impresión bajo demanda trabajan así. Pero el mockup debe parecerse al producto final, y algunos marketplaces tienen normas sobre las fotos. Revísalas y avisa si la imagen es ilustrativa. ### ¿Por qué la IA cambia mi logo? Porque lo vuelve a dibujar en lugar de copiarlo. Sube el logo en buena resolución, repite «exactly as in the attached image, do not redraw» y, si sigue cambiando, usa el plan B del objeto vacío. ### ¿Puedo poner mi diseño en una prenda o un móvil de una marca conocida? Mejor no. Pide objetos genéricos y sin logos («unbranded»): evitas problemas de marcas y el protagonista es tu diseño.