CodeKitHub¿Qué es esta herramienta?
El Generador de Stories de Instagram es una herramienta de maquetación que funciona en el navegador y recrea la pantalla vertical de una Story de Instagram —tiras segmentadas de barra de progreso arriba, un avatar circular con anillo degradado junto a un @usuario y una marca de tiempo relativa, un fondo de foto o degradado a sangre completa, texto superpuesto centrado, y una barra de respuesta redondeada tipo "Enviar mensaje" con un icono de corazón— para que escribas tu propio contenido y lo exportes como imagen vertical compartible.
Solo para entretenimiento y diseño: esta herramienta está pensada para bromas, memes, diapositivas de presentaciones, prototipos de UI/UX y contenido para redes sociales. Nunca debe usarse para fabricar pruebas fraudulentas, acosar o difamar a alguien, ni para hacerse pasar por la Story real de una persona —esto puede ser ilegal según tu jurisdicción y va en contra del propósito de esta herramienta.
Nada de lo que escribes sale de tu dispositivo: toda la Story se dibuja con la API de Canvas HTML directamente en tu navegador, y el PNG se genera y descarga localmente. No hay subida a servidores, ni cuenta, ni seguimiento de tu contenido.
¿Por qué utilizarlo?
- Estás preparando un meme donde alguien publica una Story con un texto absurdo, y necesitas que la captura tenga el aspecto exacto de una Story real —barra de progreso, hora relativa y todo— para que el chiste funcione.
- Diseñas la función de Stories de tu propia app y necesitas un mockup vertical realista para las diapositivas de la presentación al equipo, sin depender de una captura real de Instagram.
- Presentas una propuesta de campaña a un cliente y quieres mostrarle cómo se vería un anuncio en formato Story antes de invertir en la producción del contenido real.
- Estás dando un taller sobre estrategia de redes sociales y necesitas ejemplos variados de Stories para ilustrar buenas y malas prácticas de texto superpuesto, sin usar cuentas reales como ejemplo.
- Quieres recrear el aspecto de una Story antigua que ya expiró (las Stories desaparecen a las 24 horas) para un recopilatorio o resumen, sin tener la captura original guardada.
Cómo utilizarlo
- Define el nombre de usuario (@handle), la marca de tiempo, el color del avatar o sube una foto.
- Activa o desactiva la imagen de fondo de relleno y elige su color base.
- Escribe el texto superpuesto que se muestra centrado en la Story.
- Personaliza el texto de la barra de respuesta en la parte inferior.
- Observa cómo se actualiza la vista previa vertical en tiempo real y haz clic en "Download PNG" para guardar la imagen.
Ejemplo
Entrada
Usuario: "@alex.rivera" · Marca de tiempo: "4h" · Texto superpuesto: "Vibras de fin de semana 🌅" · Barra de respuesta: "Send message"Resultado
Una imagen PNG vertical de 360×640 que muestra una Story de Instagram: tres segmentos de barra de progreso arriba, un avatar con anillo degradado junto a "alex.rivera" y "4h", un fondo degradado de morado a rosa, "Weekend vibes 🌅" centrado en la pantalla, y una barra de respuesta redondeada "Send message" con un icono de corazón abajo.La imagen se genera al instante en el canvas de vista previa en vivo y se descarga con un solo clic: sin esperas, sin subidas.
Qué puedes personalizar
- Nombre de usuario (@handle), marca de tiempo, color del avatar o foto subida.
- Una barra de progreso segmentada arriba, igual al indicador real de Stories con varias diapositivas.
- Texto superpuesto centrado con sombra paralela, tal como en las Stories reales.
- Una barra de respuesta redondeada en la parte inferior con texto de relleno editable e icono de corazón.
Uso responsable
Este generador existe para facilitar la creación de imágenes de Stories de Instagram claramente ficticias, con fines de humor, narrativa y diseño. No es una herramienta para fabricar pruebas, orquestar acoso ni hacer creer a alguien que una Story falsa es real. Si vas a compartir una imagen creada con esta herramienta, considera añadir contexto (como "falso" o "maqueta") para que quede claro que no es una Story real de Instagram, sobre todo cuando el tema pueda confundirse con una persona o unos hechos reales.
Elegir la herramienta correcta según lo que necesitas mostrar
| Necesitas mostrar… | Herramienta recomendada |
|---|---|
| Una Story vertical de pantalla completa | Generador de Stories de Instagram (esta herramienta) |
| Una publicación permanente del feed con hashtags y likes | Generador de publicaciones de Instagram |
| Solo el hilo de reacciones bajo una publicación | Generador de comentarios de Instagram |
| Una página de perfil completa con bio y estadísticas | Generador de perfiles de Instagram |
Preguntas frecuentes
¿Es legal o ético usar esta herramienta?
La herramienta en sí es legal para entretenimiento, maquetas, presentaciones y trabajo de diseño. Lo que no es legal ni ético es usar la imagen generada para engañar a alguien —por ejemplo, presentándola como una Story real para cometer fraude, acosar o difamar a una persona, o suplantar contenido real de alguien. Según tu lugar de residencia, ese tipo de mal uso puede constituir fraude, difamación o acoso. Úsala solo con fines claramente ficticios o ilustrativos.
¿La herramienta sube mi texto a algún sitio?
No. Todo lo que introduces permanece en la memoria de tu navegador y se dibuja directamente en un elemento canvas mediante JavaScript. El archivo PNG se genera y descarga en tu dispositivo; nada se envía nunca a un servidor.
¿Puedo usar mi propia foto como fondo de la Story?
El fondo es, por diseño, un color liso o un degradado de relleno, para mantener la herramienta simple y evitar la tentación de hacer pasar la foto real de otra persona como tu propia Story. Aún así puedes subir una foto real para el avatar circular.
¿Por qué la imagen tiene forma vertical?
Las Stories de Instagram usan una proporción vertical de 9:16, así que la vista previa y el PNG exportado se generan en ese mismo formato vertical para verse naturales al compartirlos o incluirlos en una presentación.
¿Debería usar este generador u otro de los generadores de maquetas de Instagram?
Si estás maquetando una Story vertical a pantalla completa y temporal con texto superpuesto, usa este generador de Stories. Si necesitas una publicación de feed permanente con texto y contador de likes/comentarios, usa el Generador de publicaciones de Instagram; para un hilo de comentarios, usa el Generador de comentarios de Instagram; para una página de perfil completa, usa el Generador de perfiles de Instagram.
¿Puedo mostrar varios segmentos de la barra de progreso para simular una Story de varias diapositivas?
La barra de progreso se genera automáticamente con varios segmentos, replicando cómo Instagram muestra las Stories compuestas por varias diapositivas seguidas. El número de segmentos representa cuántas imágenes forman la Story, aunque esta herramienta solo genera la imagen de una diapositiva a la vez.
¿Puedo poner varios bloques de texto en distintas posiciones de la pantalla, no solo centrado?
El texto superpuesto de esta herramienta se muestra centrado en la pantalla, replicando el estilo más común de Story de texto simple. Si necesitas varios elementos de texto en posiciones distintas, tendrías que generar la maqueta base aquí y añadir el texto adicional después con un editor de imágenes.
¿Qué formato de marca de tiempo debo usar, como "4h" o "hace 4 horas"?
El campo de marca de tiempo acepta cualquier texto libremente, así que puedes escribir el formato abreviado que usa Instagram ("4h", "23m", "1d") o cualquier otro texto que necesites para tu maqueta, según el idioma o estilo de tu contenido.
¿Se puede simular una encuesta o una caja de preguntas dentro de la Story?
No — esta herramienta genera únicamente el diseño base de Story con texto superpuesto y barra de respuesta. No incluye los stickers interactivos de Instagram como encuestas, cajas de preguntas o cuentas atrás, que tendrías que añadir manualmente con un editor de imágenes si los necesitas.