Mockup de publicación para redes sociales
Enseña a un cliente, a un compañero o a ti mismo cómo se verá de verdad una publicación antes de lanzarla. Suelta la imagen, escribe el texto, pon el nombre de la página y los contadores, y verás una publicación realista de Facebook, Instagram o LinkedIn en modo claro u oscuro, como tarjeta simple o dentro de la pantalla de un móvil. Descárgala como PNG nítido 2× para una presentación, una prueba o un correo de aprobación. Tu imagen y tu texto nunca salen de tu dispositivo.
Suelta los archivos aquí o haz clic para elegirlos
Resultados
Cómo crear un mockup de publicación
- Suelta la imagen de la publicación, varias para un carrusel o ninguna para una publicación solo de texto.
- Elige la plataforma, el modo claro u oscuro y la tarjeta o el marco de móvil.
- Escribe el nombre de la página, el usuario, el texto y los me gusta, comentarios y compartidos que quieras mostrar.
- Sube tu logo como avatar si quieres y descarga el PNG.
Por qué hacer un mockup antes de publicar
Un texto que se lee bien en un documento puede verse muy distinto cortado al ancho del feed con un «Ver más», una imagen que queda genial como archivo se recorta a 4:5 en Instagram, y un cliente que aprobó el texto por correo suele reaccionar de otra forma al verlo como publicación real. Un mockup zanja esas conversaciones de un vistazo. También es lo que las agencias pegan en presentaciones e hilos de aprobación, y lo que capturas para un portafolio cuando la publicación aún no está en línea.
Qué muestra el mockup
Cada plataforma se dibuja con su propio diseño, fuentes, iconos y etiquetas:
| Plataforma | Qué obtienes |
|---|---|
| Nombre de la página, hora o etiqueta de publicidad con el globo de audiencia, texto, imagen, iconos de reacción con total, número de comentarios y compartidos, y la barra Me gusta, Comentar y Compartir. | |
| Usuario con el anillo de historia, etiqueta de publicidad, imagen recortada a las proporciones del feed, iconos de corazón, comentario, enviar y guardar, me gusta, el texto con el usuario en línea, «Ver todos los comentarios» y la fecha. | |
| Nombre de la empresa o perfil, seguidores, hora o etiqueta de promocionado, texto, imagen, pila de reacciones con total, comentarios y veces compartido, y la barra Recomendar, Comentar, Compartir y Enviar. |
Todas las plataformas están en modo claro y oscuro, como tarjeta limpia sobre fondo suave o dentro de una pantalla de móvil con barra de estado, que queda mejor en una presentación.
Carruseles y publicaciones con varias imágenes
Suelta dos o más imágenes y el mockup pasa al diseño de varias imágenes de cada plataforma. Facebook dibuja un anuncio carrusel: tarjetas cuadradas en fila con la siguiente asomando por la derecha, cada una con título, tu nombre de página y un botón cuyo texto eliges. Instagram y LinkedIn muestran una diapositiva a la vez con el contador en la esquina y los puntos o la barra debajo, y tú eliges cuál va delante. En un carrusel la descarga siempre incluye dos PNG: la vista del feed tal como se ve al deslizar y una vista con todas las tarjetas en fila, que es la que los clientes entienden al instante.
Cómo lograr un resultado convincente
- Usa el tamaño real de la imagen. La vista previa recorta las imágenes altas como lo hace el feed, así ves exactamente qué se pierde. Las cuadradas o en 4:5 se ven completas.
- Sube tu logo como avatar. Las iniciales valen para una revisión rápida, pero el logo es lo que hace que parezca una captura real.
- Pon cifras creíbles. Me gusta, comentarios y compartidos se formatean como en cada plataforma, así que 1240 se convierte en 1,2 mil donde la plataforma abreviaría.
- Pega el texto definitivo. Se conservan saltos de línea y emojis, y los textos largos se cortan donde los cortaría el feed.
- Activa la etiqueta de patrocinado cuando revises un anuncio en lugar de una publicación orgánica. La etiqueta cambia según la plataforma.
Descargar y usar el mockup
La descarga es un PNG al doble del tamaño en pantalla, así que se mantiene nítido en una diapositiva, un documento o una página de portafolio. Como incluye el fondo, entra directamente en una presentación. Si lo necesitas sin fondo para un montaje, recórtalo luego con la herramienta de recorte.
Lo que no hace
No publica nada, no programa nada ni se conecta a ninguna cuenta, y no es una réplica exacta al píxel de cada actualización de las plataformas. Los feeds cambian unos pocos píxeles cada pocos meses; el mockup sigue el diseño actual lo bastante de cerca para aprobaciones, presentaciones y portafolios, que es para lo que sirve un mockup. Las publicaciones de vídeo aún no se previsualizan; usa un fotograma del vídeo como imagen y el diseño es idéntico.
Privacidad
Las campañas sin publicar son justo lo que no debería subirse a cualquier web de mockups. Esta herramienta dibuja la vista previa y genera el PNG por completo en tu navegador. Tu imagen, tu texto y tu logo nunca salen de tu dispositivo.
Preguntas frecuentes
¿Se suben mi imagen o mi texto?
No. La vista previa se dibuja en tu navegador y el PNG se genera en tu dispositivo. Las campañas sin publicar siguen siendo privadas.
¿Sirve para anuncios además de publicaciones orgánicas?
Sí. Activa la etiqueta de patrocinado y el mockup muestra «Publicidad» en Facebook e Instagram, y «Promocionado» en LinkedIn.
¿Puedo usar mi logo como foto de perfil?
Sí. Sube un logo o una foto y se usa como avatar; sin él, la vista previa muestra tus iniciales en el color de la plataforma.
¿Es fiel el diseño?
Sigue el diseño actual del feed de cada plataforma en fuentes, espacios, iconos y etiquetas con la fidelidad suficiente para aprobaciones y presentaciones. Las plataformas cambian pequeños detalles a menudo, así que tómalo como un mockup fiel y no como una captura exacta al píxel.
¿De qué tamaño es la descarga?
El PNG se genera al doble del tamaño en pantalla, así que se ve nítido en presentaciones y pantallas retina. También funcionan las publicaciones solo de texto y las imágenes altas.
¿Puedo previsualizar un carrusel?
Sí. Suelta dos o más imágenes. Facebook muestra tarjetas deslizables con título y botón en cada una, e Instagram y LinkedIn muestran el contador de diapositivas y los puntos. La descarga te da dos PNG: la vista del feed con la siguiente tarjeta asomando y una vista con todas las diapositivas en fila, para que el cliente elija.
¿Puedo previsualizar una publicación de vídeo?
Todavía no. Usa un fotograma del vídeo como imagen y el diseño es el mismo.
Tus archivos nunca salen de tu dispositivo
Todas las herramientas de Squishly Tools son 100% gratuitas y funcionan por completo dentro de tu navegador. Tus imágenes y documentos se procesan en tu propio ordenador y nunca se suben a un servidor. Sin cuentas, sin marcas de agua y sin trampa.