Herramientas para colocar pantallas de una aplicación o un sitio web dentro de marcos de móvil, portátil o tableta, y para mostrar un diseño sobre productos como camisetas, cajas o tarjetas de visita. Decide primero dónde usarás la imagen: ficha de tienda, página de presentación, redes sociales o presentación a un cliente piden tamaños distintos.
Ten en cuenta: Las condiciones de uso gratuito varían según la herramienta y el plan. Si una tarjeta no indica un límite propio de la herramienta, consulta las cuotas, las marcas de agua y las condiciones de exportación en la página oficial.
Mockuuups Studio es un editor de mockups en el que arrastras tu diseño sobre miles de mockups de dispositivos y de impresión; está disponible en el navegador, como aplicación de escritorio y mediante complementos para Figma, Sketch, Penpot y Adobe Express.
Crear mockups
Placeit es la herramienta de diseño basada en la web de Envato que ofrece mockups para ropa, dispositivos digitales, impresión y productos de impresión bajo demanda, además de un creador de logotipos, plantillas de diseño y herramientas de vídeo; las descargas ilimitadas vienen con una suscripción.
Crear mockups
Rotato es un generador de mockups que coloca tu propio diseño de aplicación o web en las pantallas de más de 30 dispositivos 3D ya preparados y lo convierte en un vídeo animado o en una imagen; tiene una aplicación para macOS y una versión web en beta pública.
Crear mockups
Ten en cuenta: Requiere instalación en el ordenador.
Shots.so es una aplicación de mockups basada en la web que convierte capturas de pantalla de productos en imágenes de presentación o vídeos cortos con marcos de dispositivo, fondos y movimiento animado.
Crear mockups
Sube tu propia captura o diseño y revisa el resultado a tamaño real: comprueba que el texto sigue nítido dentro del marco y que las esquinas y los reflejos parecen naturales. Exporta la misma escena en varios tamaños y mira cuál se mantiene nítida.
En las plantillas de mockup listas para usar, lee en la página de licencia las condiciones de uso comercial, atribución y reventa, y confirma en la página oficial si la exportación gratuita lleva marca de agua o límite de resolución. Algunas plantillas necesitan un programa de escritorio aparte, como Photoshop; otras funcionan en el navegador.
¿Puedo usar mockups en las capturas de una tienda de aplicaciones? Las tiendas fijan tamaños y normas de contenido para las capturas; consulta sus directrices actuales para saber hasta qué punto aceptan marcos de dispositivo, texto o fondos.
¿Un mockup es lo mismo que un prototipo de interfaz? No. El mockup presenta un diseño terminado en una escena realista; el prototipo sirve para probar un flujo con clics entre pantallas. Si quieres probar un flujo, mira las herramientas de diseño de interfaces y prototipos.
Esta comparación se basa en documentación oficial publicada. No es una prueba práctica ni una clasificación de calidad. Las funciones desconocidas no se consideran verificadas.
| Nombre de la app | ¿Dónde lo usarás? | Resultado gratis | Sin registro | Sin marca de agua | Sin conexión | Procesamiento por lotes | Idioma del contenido | Ten en cuenta / Fuentes y fecha de revisión |
|---|---|---|---|---|---|---|---|---|
| Mockuuups Studio | Sitio web | Sí | Sin verificar | Sin verificar | Sin verificar | Sin verificar | Sin verificar | Fuentes y fecha de revisión |
| Placeit | Sitio web | Sin verificar | Sin verificar | Sin verificar | Sin verificar | Sin verificar | Sin verificar | Fuentes y fecha de revisión |
| Rotato | Ordenador | Sin verificar | Sin verificar | Sin verificar | Sin verificar | Sin verificar | Sin verificar | Requiere instalación en el ordenador. Fuentes y fecha de revisión |
| Shots.so | Sitio web | Sin verificar | Sin verificar | Sin verificar | Sin verificar | Sin verificar | Sin verificar |