Generador de mockups de capturas de pantalla
Coloca capturas de pantalla en una ventana de navegador, portátil, móvil o tableta sobre un fondo de color. Añade el texto de la barra de direcciones y descarga un mockup PNG.
Cargando Generador de mockups…
Tus archivos nunca salen de tu dispositivo
Cómo usar Generador de mockups
- 1
Abre Generador de mockups en esta página. Se carga directamente en tu navegador.
- 2
Añade tu archivo, texto o valores y ajusta la configuración.
- 3
Copia o descarga el resultado. No se sube ni se guarda nada.
Acerca de esta herramienta
Una captura de pantalla sin más parece inacabada en un portfolio, un lanzamiento de producto o una publicación en redes. Este generador de mockups coloca tu captura dentro de un marco realista, como una ventana de navegador o un dispositivo, sobre el fondo que elijas, y exporta una imagen lista para usar. No necesitas software de diseño y tu captura no sale de tu ordenador.
Cómo crear un mockup
- Sube o pega tu captura de pantalla.
- Elige un marco: navegador claro, navegador oscuro, portátil, móvil, tableta o sin marco.
- En los marcos de navegador, escribe el texto que debe aparecer en la barra de direcciones, como tu dominio.
- Elige el color o degradado del fondo y el margen alrededor del marco.
- Descarga el mockup en PNG.
Qué marco elegir
- Navegador: sitios web, aplicaciones web y paneles. La barra de direcciones muestra tu URL como parte del mensaje.
- Portátil: software de escritorio y páginas de aterrizaje SaaS.
- Móvil y tableta: apps móviles y diseños responsive.
- Sin marco: solo un fondo limpio y una sombra, para detalles en primer plano.
Dónde ayudan los mockups
- Lanzamientos en Product Hunt, fichas de tiendas de apps e imágenes principales de páginas de aterrizaje.
- Casos de estudio de portfolio y presentaciones a clientes.
- Publicaciones en redes sociales, newsletters y artículos de blog sobre tu producto.
- Documentación y registros de cambios que muestran funciones nuevas.
Consejos
- Haz la captura a resolución completa o en una pantalla de alta densidad para que el texto se vea nítido.
- Ajusta el marco a la captura: un móvil para una captura móvil, un navegador para escritorio.
- Usa el color de tu marca de fondo para una serie de imágenes coherente.
- Oculta los datos personales de la captura antes de compartirla.
Ajusta el tamaño del resultado para cada plataforma con el redimensionador de imágenes para redes sociales, o anota primero tus capturas con el editor de capturas de pantalla.
Preguntas frecuentes
¿Qué marcos de dispositivo hay disponibles?
Navegador en estilo claro y oscuro, portátil, móvil y tableta, o ningún marco.
¿Puedo cambiar el texto de la barra de direcciones?
Sí. Escribe el texto que quieras, como tu dominio, y aparecerá en la barra de direcciones del marco de navegador.
¿En qué formato se guarda el mockup?
En PNG, que mantiene nítidos el texto y los bordes.
¿Se sube mi captura de pantalla?
No. El mockup se crea en tu navegador.
¿Qué fondo puedo usar?
Elige un color o un degradado detrás del marco para que combine con tu marca.
¿Puedo usar los mockups con fines comerciales?
Sí. Los marcos son diseños genéricos sencillos que puedes usar en lanzamientos, portfolios y marketing.