Ir al contenido principal
Documentación/Primeros pasos
Primeros pasos

Introducción

ScreenMocks convierte capturas de pantalla en bruto en una galería de tienda pulida y localizada. Empiezas desde una plantilla diseñada, añades tus capturas, editas los textos, y exportas cada tamaño e idioma que publiques de una sola vez.

Esta documentación cubre el editor, la localización, la exportación, la importación desde Figma y el servidor MCP. Si eres nuevo, la Guía rápida te lleva a un conjunto terminado en unos cinco minutos.

Conceptos básicos

  • Proyecto: una galería, con un tamaño de lienzo base y un idioma principal. Puede publicarse en varios tamaños y en hasta 48 idiomas a la vez.
  • Pantalla: una captura en la galería, dibujada como un marco en el tablero. Los proyectos contienen tantas pantallas como quieras; la App Store muestra las diez primeras.
  • Capa: las piezas de una pantalla: texto, un marco de dispositivo con tu captura dentro, un mockup en ángulo, una imagen, una forma o gráfico vectorial, y los widgets de prueba social.
  • Plantilla: un punto de partida totalmente diseñado que puedes adaptar a tu marca. Todas las plantillas son gratuitas.
  • Idioma: un idioma y una región. Un solo diseño representa cada idioma, con anulaciones por idioma donde las necesites.

Dónde se guarda tu trabajo

El renderizado y la exportación ocurren en tu navegador, por eso el plan gratuito no los limita. Tus proyectos y las imágenes que subes se guardan en tu cuenta de ScreenMocks, así el mismo trabajo se abre en cualquier dispositivo desde el que inicies sesión; consulta la Política de privacidad para saber exactamente qué se guarda y dónde.

También hay una herramienta gratuita sin necesidad de cuenta: Maquetas 3D coloca una captura sobre un iPhone o iPad 3D real en cualquier ángulo y te entrega el PNG.
¿Algo no está claro o falta?Dinos qué ayudaría

¿Listo para probarlo?

La forma más rápida de aprender ScreenMocks es crear tu primer conjunto. Es gratis empezar.