Saltar al contenido

Creador de diagramas de flujo

Ordena pasos y decisiones, únelos con flechas etiquetadas y descarga una imagen SVG o PNG.

Editor del diagrama

Tus datos permanecen en este navegador.

100%

Añade figuras arriba. Pulsa el texto para editarlo y arrastra la figura para moverla. Conecta desde cualquiera de sus cuatro puntos.

Selecciona una línea para editarla · Arrastra el fondo para desplazar · Ctrl/⌘ Z para deshacer

Resultado

Cómo usar el creador

  1. Añade una forma Inicio / Fin, Proceso o Decisión; también puedes modificar el ejemplo.
  2. Selecciona una figura para cambiar su tipo o color en el panel. Pulsa su texto para editarlo directamente. Arrastra el cuerpo para moverlo; también puedes usar las teclas de flecha.
  3. Arrastra un punto superior, inferior, izquierdo o derecho hasta otra figura. Selecciona la línea para cambiar su etiqueta, estilo y ambas puntas. La paleta superior añade figuras independientes.
  4. Usa Deshacer/Rehacer, zoom, Ajustar y desplazamiento; descarga SVG escalable o PNG listo para insertar.

Significado de las formas

Inicio / Fin marca los extremos, Proceso representa una acción y el rombo Decisión plantea una pregunta. Son convenciones: la herramienta no ejecuta el proceso ni inventa pasos.

Ejemplo de aprobación

Conecta Inicio con “Revisar solicitud” y “¿Aprobada?”. Lleva Sí a “Publicar” y No a “Corregir”; puedes volver de Corregir a Revisar. Al mover el rombo, las flechas permanecen unidas.

Ejemplo de soporte

Crea Inicio, “Leer caso” y “¿Hay información suficiente?”. Sí lleva a investigar y No a pedir datos; ambas rutas terminan en “Responder”. Duplicar copia una forma sin copiar conexiones ocultas.

Selección y historial

La figura seleccionada tiene un borde discontinuo y dos acciones: duplicar y eliminar. El panel permite editar texto, color y tipo sin perder las conexiones. La paleta añade figuras; los cuatro puntos conectan las existentes. Con el teclado, enfoca un punto y pulsa Intro; después haz lo mismo en el destino. Deshacer y Rehacer son los iconos de la esquina superior derecha del lienzo. Cada adición, eliminación, arrastre o edición terminada de texto, color o estilo es un paso del historial. Ctrl/Comando+Z, Mayús+Ctrl/Comando+Z y Ctrl+Y funcionan fuera de los campos. Las flechas mueven la selección y Suprimir la elimina. Limpiar también se puede deshacer.

Límites y salida

Lienzo finito de 1.200 × 760, máximo 40 formas, 60 flechas, 60 caracteres por forma y 36 por rama. SVG conserva vectores; PNG mide 1.200 × 760. Los controles y la selección no aparecen.

Guardado y privacidad

Todo queda en esta pestaña. La descarga es una imagen, no un proyecto editable. Guarda antes de recargar o cambiar de idioma. No hay cuenta, nube, colaboración, IA, importación ni diseño automático.

Solución de problemas

Si una conexión se rechaza, elige figuras distintas sin una flecha previa en esa dirección. Separa las figuras si falta espacio para la línea o su etiqueta. Las líneas rodean las figuras y las etiquetas quedan cerca del centro del recorrido, sin solaparse con figuras u otras etiquetas. Acorta los nombres demasiado largos. Usa Ajustar para recuperar la vista y arrastra el fondo para desplazarla. Si falla PNG, prueba SVG. Comprueba todas las flechas y etiquetas antes de compartir.

Preguntas frecuentes

¿Genera el diagrama con IA?

No; tú creas y colocas todo.

¿Por qué desaparecen flechas al borrar una forma?

Se eliminan para evitar conexiones sin extremo.

¿Puedo volver a editar la descarga?

SVG abre en muchas herramientas, pero no es una copia garantizada del proyecto.

¿Las flechas siguen a la forma?

Sí, se recalculan desde las posiciones actuales.

¿SVG o PNG?

SVG escala; PNG es una imagen fija de 1.200 × 760.