Describe tu proceso en texto con la sintaxis de Mermaid y Merflow lo convierte en un diagrama de flujo ordenado, en tiempo real. Exporta a SVG o PNG cuando quieras — gratis y sin registro.
Esto es todo lo que "dibujas" — la disposición, el espaciado y el enrutado de flechas se calculan solos:
flowchart TD
A[Inicio] --> B{¿Datos válidos?}
B -- Sí --> C[Procesar pedido]
B -- No --> D[Mostrar error]
C --> E([Fin])
D --> B
Al ser texto plano, el diagrama se versiona en git, se revisa en pull requests y se renderiza tal cual en GitHub, GitLab y Notion — sin formatos propietarios.
Rectángulos [ ], redondeados ( ), estadios ([ ]), decisiones { }, círculos, cilindros (bases de datos) y subrutinas.
Vertical TD, horizontal LR, y bloques subgraph para agrupar pasos relacionados.
Flechas sólidas, punteadas y gruesas, con etiquetas en cualquier rama (-- Sí -->) para documentar decisiones.
Colores por nodo con classDef y temas globales: default, dark, forest, neutral y base.
Y en Merflow, además, el editor Monaco autocompleta palabras clave y flechas, marca los errores de sintaxis en la línea exacta, y la galería de plantillas te da un punto de partida funcional para cada tipo de diagrama — todo con la interfaz en español.
Empieza con flowchart TD (vertical) o flowchart LR (horizontal) y describe nodos y flechas: A[Inicio] --> B{¿Válido?}. La vista previa se actualiza mientras escribes.
Las llaves crean un rombo de decisión y las etiquetas nombran cada rama: B{¿Datos válidos?} -- Sí --> C, B -- No --> D.
Sí, gratis: SVG vectorial o PNG en 1×/2×/3× con fondo blanco, del tema o transparente — o copiar al portapapeles.
Totalmente: sin registro, sin marcas de agua, sin límites. Los diagramas se guardan en tu navegador.