Saltar al contenido
Herramientas gratuitas

Generador de diagramas de flujo gratuito

Describe un proceso con palabras sencillas y obtén un diagrama de flujo con pasos y decisiones, listo para descargar como SVG o PNG, o para editar como código Mermaid.

Gratis

Sin registro

Tu información no se almacena

Generador de diagramas de flujo
Gratis

No guardamos tu entrada ni el resultado, solo un registro de que la herramienta se ejecutó. Al usar esta herramienta, aceptas nuestros Términos de uso y Política de privacidad.

Tu resultado aparecerá aquí

Describe un proceso con palabras sencillas y obtén un diagrama de flujo que puedes descargar o editar.

Cómo funciona el generador de diagramas de flujo

01

Describe el proceso

Escribe los pasos, quién los realiza y las decisiones a lo largo del camino, en frases sencillas.

02

Elige una dirección

De arriba a abajo para procesos largos, de izquierda a derecha para procesos amplios con pocos pasos.

03

Descarga o edita

Guárdalo como SVG, PNG o PDF, o copia el código fuente Mermaid para modificarlo más tarde.

¿Ya tienes el proceso mapeado? Ahora muestra a los demás cómo hacerlo

Un diagrama de flujo muestra la estructura de un proceso. Para los pasos de software que contiene, graba tu pantalla una vez y Clevera redactará un POE con capturas de pantalla, narrará un vídeo de instrucciones y publicará ambos en tu centro de ayuda, en 74 idiomas. Empieza gratis, sin necesidad de tarjeta.

¿Qué es un diagrama de flujo?

Un diagrama de flujo es una representación gráfica que muestra los pasos de un proceso en orden, con cuadros para acciones, rombos para decisiones y flechas para indicar el camino entre ellos. Un generador de diagramas de flujo dibuja esa representación a partir de una descripción sencilla, para que no tengas que colocar y conectar cada forma manualmente.

Los diagramas de flujo hacen que un proceso sea fácil de entender de un vistazo. Muestran dónde cambia la responsabilidad, dónde las decisiones dividen el camino y dónde pueden producirse bucles, algo difícil de apreciar en un bloque de texto.

¿Cuándo usar un diagrama de flujo?

  • Incorporación (Onboarding): muestra a un nuevo empleado cómo se mueve una solicitud por el equipo antes de que lea el POE detallado.
  • Cambios en los procesos: acuerda el nuevo flujo con todos los implicados antes de actualizar herramientas o documentos.
  • Soporte y escalado: deja claro quién se encarga de qué y cuándo se traslada un caso.
  • Documentación: incluye una visión general al principio de una guía larga para que los lectores vean todo el camino primero.

Símbolos de diagramas de flujo que verás

  • Cuadro redondeado (inicio y fin): donde comienza el proceso y donde termina.
  • Rectángulo (paso): una acción, como "Asignar el ticket".
  • Rombo (decisión): una pregunta de sí o no con una flecha etiquetada para cada respuesta.
  • Flecha: el orden de los pasos. Cada flecha debe apuntar en una sola dirección.

¿Diagrama de flujo o mapa de procesos?

Los términos se solapan. Este generador de mapas de procesos dibuja diagramas de flujo estándar; aquí te explicamos en qué se diferencian de otros diagramas relacionados:

Diagrama
Muestra
Ideal para
Diagrama de flujo
Pasos y decisiones en orden
Explicar cómo funciona un proceso
Mapa de procesos
Un proceso a nivel superior, a menudo con entradas y salidas
Detectar retrasos y traspasos para mejorar
Diagrama de carriles (Swimlane)
Pasos agrupados por quién los realiza
Procesos que involucran a varios equipos

Un ejemplo breve de diagrama de flujo

Describe un proceso de soporte en cuatro frases: un cliente envía un ticket; las preguntas de facturación van al equipo de facturación y todo lo demás a un agente de nivel 1; los tickets sin resolver se escalan al nivel 2 después de 24 horas; los tickets resueltos reciben una encuesta y se cierran. El creador de diagramas de flujo con IA lo convierte en un nodo de inicio, dos rombos de decisión ("¿Pregunta de facturación?" y "¿Resuelto en 24 horas?"), los tres equipos como pasos y un nodo final, con flechas de sí y no etiquetadas.

¿Qué es Mermaid y por qué es importante?

Mermaid es un formato de texto sencillo para diagramas. Cada diagrama de flujo que crea esta herramienta incluye su código fuente Mermaid, unas pocas líneas legibles que indican, por ejemplo, que "Enviar ticket" lleva a una decisión de "¿Pregunta de facturación?". Puedes pegar ese código en herramientas que renderizan Mermaid, como Notion, GitHub o mermaid.live, y editar una etiqueta o añadir un paso cambiando una línea en lugar de redibujar todo el gráfico.

Cómo describir un proceso para obtener un diagrama de flujo claro

Nombra el inicio y el fin

Define qué activa el proceso y qué significa "terminado". Un diagrama de flujo sin un final claro tiende a desordenarse.

Detalla cada decisión

Escribe las decisiones como preguntas con sus respuestas: "Si el pedido supera los 500 $, un gerente lo aprueba; de lo contrario, se envía". Eso se convierte en un rombo con dos caminos etiquetados.

Usa un verbo por paso

"Revisar la factura", "Enviar el recordatorio". Los pasos cortos y centrados en la acción mantienen los cuadros legibles.

Mantenlo en una sola página

Si el gráfico necesita más de unos quince cuadros, divídelo en un flujo principal y subprocesos.

Errores comunes en los diagramas de flujo

  • Rombos de decisión con flechas sin etiqueta, por lo que los lectores no pueden saber qué camino es el "sí".
  • Mezclar niveles de detalle, con un cuadro para todo un departamento junto a uno para un solo clic.
  • Bucles sin salida, como "reintentar" sin límite.
  • Dibujar el proceso ideal en lugar del que la gente sigue realmente.

Revisa el gráfico generado con alguien que realice el trabajo a diario; detectarán rápidamente el paso o la excepción que falta.

Preguntas

Sí. Es gratuito y no requiere cuenta. Para mantenerlo gratuito para todos, existe un pequeño límite horario y diario; la herramienta muestra cuántos usos te quedan hoy.

No. Tu descripción se envía a un modelo de IA para redactar el diagrama, y ni tu entrada ni el resultado se almacenan. El gráfico se dibuja en tu navegador.

SVG para un escalado nítido en documentos y presentaciones, PNG para chat y correo electrónico, PDF a través del cuadro de diálogo de impresión de tu navegador, y Markdown con el código Mermaid. También puedes copiar el código fuente Mermaid por separado.

Hasta 4000 caracteres. Eso cubre la mayoría de los procesos; para uno muy grande, diagrama el flujo principal primero y cada subproceso por separado.

De vez en cuando, la IA escribe código Mermaid que la biblioteca de dibujo no puede leer. El código fuente se sigue mostrando, por lo que puedes abrirlo en mermaid.live para corregirlo, o simplificar tu descripción y volver a ejecutarlo.

No. Esta herramienta gratuita sí lo hace. Clevera convierte grabaciones de pantalla en POE, artículos de ayuda y vídeos de instrucciones narrados, que combinan bien con un diagrama de flujo del proceso general.