Usa formas claras
Rombos para decisiones, rectángulos para acciones y estadios para puntos de inicio y fin.
Constructor visual interactivo 100% en el cliente • Privado
Crea diagramas de flujo Mermaid visualmente
Diseña mapas de procesos, árboles de decisión y arquitecturas visualmente mientras generas código estándar y limpio de Mermaid.
Diagramas de procesos editables
Elige una plantilla de diagrama de flujo.
Alterna entre la edición y el resultado en vivo.
Nodos
0 nodosConexiones
0 conexionesVista previa en vivo de Mermaid
Vista previa de diagrama de flujo
Preparando diagrama…
Privado · render local
Vista previa con desplazamiento. Usa las teclas de flecha para desplazarte, Shift con flecha para avanzar más rápido y Home para volver al inicio.
Generando tu primera vista previa…
La vista previa se actualiza al editar.
100%
Preparando editor…
Cuándo usar un diagrama de flujo
Haz que las decisiones complejas sean intuitivas.
Los diagramas de flujo ayudan a los equipos a visualizar bifurcaciones de decisión, transiciones de estado y lógica paso a paso.
Etiqueta las ramas
Añade textos como Sí o No en los conectores para clarificar los caminos.
Mantén una dirección uniforme
Las orientaciones vertical (TD) u horizontal (LR) proporcionan una lectura natural.
Patrón de sintaxis
Sintaxis de diagramas de flujo Mermaid
Comienza con la directiva flowchart seguida de la orientación (TD o LR). Conecta identificadores de nodos con flechas.
Abrir la referencia de sintaxis de diagramas de flujoflowchart TD
A(["New request"])
BUrgent?
C["Page on-call"]
D["Add to queue"]
A --> B
B -->|Yes| C
B -.->|No| DDiseña, previsualiza y exporta diagramas de flujo Mermaid
Los diagramas de flujo son ideales para explicar decisiones, rutas de incorporación y arquitecturas. Este constructor visual te permite crearlos manteniendo el código portátil.
Preguntas frecuentes
¿Puedo alternar entre edición visual y código Mermaid?
Sí. El constructor visual actualiza el código en tiempo real y puedes editar el código directamente.
¿Qué formas de nodo están disponibles?
Rectángulos, rectángulos redondeados, estadios, cilindros, círculos y rombos de decisión.
¿Es gratuito este editor?
Sí, completamente gratuito sin registro, marcas de agua ni límites diarios de exportación.
Más herramientas de Markdown
PDF a Markdown DOCX a Markdown HTML a Markdown CSV a Markdown TXT a Markdown ZIP a Markdown JSON a Markdown XML a Markdown XLSX a Markdown Markdown a PDF Markdown a DOCX Markdown a HTML Editor de Markdown URL a Markdown Markdown a Texto Plano Editor Mermaid Gráficos circulares Generador de tablas Generador de cronogramas Diagrama de Gantt Diagrama de secuencia