CodeKitHub¿Qué es esta herramienta?
El Generador de Stories de Facebook recrea el aspecto vertical y a pantalla completa de una Story real de Facebook: anillo de perfil, cabecera con nombre y marca de tiempo, una foto de fondo o degradado, texto superpuesto en negrita, y la franja de la barra de respuesta en la parte inferior.
Nunca debe usarse para fabricar pruebas fraudulentas, acosar o difamar a alguien, ni para suplantar publicaciones o Stories reales de una persona real —esto puede ser ilegal según tu jurisdicción.
Todo se genera localmente en tu navegador con la API de Canvas HTML; nada se sube nunca a un servidor.
¿Por qué utilizarlo?
- Estás grabando un curso sobre marketing en redes sociales y necesitas una Story de ejemplo realista para explicar cómo funciona el texto superpuesto y la barra de respuesta, sin depender de una captura real de la app.
- Diseñas la maqueta de una función de Stories para tu propia app y necesitas una vista previa vertical creíble para mostrarla al equipo antes de programarla de verdad.
- Quieres hacer una broma visual entre amigos simulando una Story absurda, con un texto que solo tiene gracia si parece una Story auténtica de Facebook.
- Preparas una diapositiva para una charla sobre diseño de interfaces móviles y necesitas un ejemplo de formato vertical 9:16 con anillo de perfil y marca de tiempo, sin usar una captura de pantalla real que pueda tener derechos de autor.
- Estás montando un caso de estudio de portafolio sobre rediseño de Stories y generas una versión "antes" ficticia para comparar con tu propuesta, sin exponer contenido real de ningún usuario.
- Todo el proceso ocurre en Canvas dentro de tu navegador, así que puedes subir una imagen de fondo de prueba sin que quede almacenada en ningún servidor.
Cómo utilizarlo
- Define el nombre, la marca de tiempo y el color del avatar (o sube una foto).
- Elige un degradado de fondo o sube tu propia imagen.
- Escribe el texto superpuesto que aparece cerca de la parte inferior de la Story.
- Observa cómo se actualiza la vista previa vertical en vivo y haz clic en "Download PNG" para guardar la imagen.
Ejemplo
Entrada
Nombre: "Sam Whitfield" · Hora: "4h" · Fondo: degradado azul a rosa · Texto: "Café de domingo por la mañana ☕"Resultado
Una imagen PNG de 360×640 con el estilo de una Story real de Facebook: avatar con anillo de perfil, nombre y marca de tiempo, fondo degradado a sangre completa, texto superpuesto centrado en negrita, y una franja de barra de respuesta 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 ida y vuelta al servidor.
Qué puedes personalizar
- Nombre del perfil, marca de tiempo, y color o foto del avatar.
- El fondo: un degradado de dos colores o una imagen subida.
- El texto superpuesto en negrita que se muestra cerca de la parte inferior de la Story.
- Detalles de diseño que coinciden con el estilo visual real de las Stories de Facebook.
Uso responsable
Este generador existe para facilitar la creación de imágenes de maqueta claramente ficticias con fines de humor, narrativa y diseño. Si compartes una imagen creada con esta herramienta, considera añadir contexto para que quede claro que no es una Story real.
Campos disponibles en la Story
El lienzo vertical 360×640 reproduce cada elemento visual de una Story real de Facebook, de arriba a abajo.
| Campo | Qué controla | Ejemplo |
|---|---|---|
| Nombre del perfil | El texto junto al anillo de avatar, arriba | Sam Whitfield |
| Marca de tiempo | El texto pequeño junto al nombre | 4h |
| Avatar | El círculo con anillo de perfil — color de iniciales o foto subida | Iniciales "SW" |
| Fondo | La imagen o degradado a sangre completa detrás del texto | Degradado azul a rosa |
| Texto superpuesto | El texto grande en negrita centrado cerca de la parte inferior | Café de domingo por la mañana ☕ |
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. Úsala solo con fines claramente ficticios o ilustrativos.
¿La herramienta sube mi contenido a algún sitio?
No. Todo lo que escribes o subes permanece en la memoria de tu navegador y se dibuja directamente en un elemento canvas con JavaScript. El PNG se genera y descarga en tu dispositivo; nada se envía nunca a un servidor.
¿Puedo subir mi propia foto como fondo de la Story?
Sí: haz clic en el enlace de subida bajo "Video background" para usar tu propia imagen como fondo a sangre completa de la Story en lugar del degradado.
¿Qué tamaño de imagen exporta?
El PNG exportado es de 360×640, que coincide con la proporción vertical 9:16 usada por las Stories reales de Facebook.
¿Debería usar este generador u otro de los generadores de maquetas de Facebook?
Si estás maquetando una Story vertical a pantalla completa, usa este generador de Stories. Si necesitas un hilo de comentarios, usa el Generador de comentarios de Facebook; si necesitas una página de perfil completa con foto de portada y biografía, usa el Generador de perfiles de Facebook.
¿Por qué la imagen exportada es 360×640 y no una resolución más alta como 1080×1920?
360×640 mantiene la misma proporción vertical 9:16 que usa Facebook, solo que a una resolución menor pensada para vista previa rápida y descarga ligera. Si necesitas un archivo más grande para imprimir o mostrar en pantalla completa, puedes escalar el PNG con cualquier editor de imágenes sin distorsión, ya que la proporción se mantiene.
¿Puedo poner el texto superpuesto en dos líneas?
Sí, si escribes un salto de línea en el campo de texto, la herramienta lo respeta y divide el texto centrado en varias líneas, igual que ocurre con textos largos en una Story real.
¿El icono de corazón en la barra de respuesta es interactivo?
No, es puramente decorativo: forma parte de la maqueta visual para que se vea como una Story real, pero no es un botón funcional ni recoge ninguna interacción.
¿Puedo usar una imagen vertical mía como fondo sin que se recorte de forma rara?
La herramienta ajusta la imagen subida al lienzo de 360×640 a sangre completa; para mejores resultados usa una foto ya en formato vertical o aproximada a 9:16, así el recorte automático afecta lo mínimo a la composición original.