Negocios / Diagramas
Creador de diagramas de flujo: vista previa de Mermaid y creador sencillo
Crea un diagrama de flujo con texto Mermaid y una vista previa en vivo. Añade nodos de proceso, decisión, inicio-fin y entrada-salida, conéctalos con etiquetas o empieza con una de las tres plantillas originales.
Creador de diagramas de flujo: vista previa de Mermaid y creador sencillo: Escribe un diagrama de flujo en texto Mermaid o usa el creador para añadir pasos, decisiones y conexiones, y observa cómo se actualiza el diagrama mientras escribes. Empieza con un ejemplo, copia el texto o descarga el diagrama de flujo como SVG o PNG. Funciona al 100 % en tu navegador, sin subir archivos a ningún servidor.
- Se ejecuta
- En tu navegador
- Coste
- Gratis · sin registro
- Disponibilidad
- Lista para usar
Funciona por completo en tu navegador
Creador sencillo
La vista previa se actualiza mientras escribes. El creador añade instrucciones a tu texto. Las directivas de configuración, los estilos personalizados y los controladores de clics están desactivados.
Generando vista previa…
Sintaxis de diagramas de flujo
El lenguaje de diagramas de flujo de Mermaid admite nodos, conexiones y decisiones etiquetadas. Esta herramienta admite la parte de diagramas de flujo de ese lenguaje; el creador añade líneas nuevas al final del texto. Sintaxis oficial: https://mermaid.js.org/syntax/flowchart.html
Seguridad y licencia
Los diagramas se dibujan en tu navegador con Mermaid, una biblioteca de código abierto con licencia MIT, en su modo de seguridad estricto: no se permiten HTML en las etiquetas, acciones de clic ni bloques de configuración, por lo que un diagrama pegado no puede ejecutar código. Configuración de seguridad oficial: https://mermaid.js.org/config/schema-docs/config-properties-securitylevel.html
Cómo se usa
- Elige una plantilla de proceso, árbol de decisiones o inicio de sesión, o escribe el texto del diagrama de flujo en Mermaid.
- Añade un nodo con el creador, conecta los IDs de nodos existentes y, si quieres, añade una etiqueta a la conexión.
- Corrige los errores de sintaxis indicados y descarga el SVG, PNG o texto Mermaid.
Privacidad y límites
El texto Mermaid se procesa únicamente en tu navegador. No se sube ni se guarda nada en el almacenamiento local. Las directivas de configuración, las devoluciones de llamada, las imágenes y los recursos externos están desactivados.
Herramientas relacionadas
Preguntas frecuentes
¿Cómo asigna nombres el creador a los nodos?
Usa el siguiente ID con número N que no esté utilizado. Para conectar nodos, introduce sus IDs tal como aparecen en el texto. El creador codifica de forma segura las comillas, los corchetes y otros signos de puntuación de las etiquetas.
¿Puedo usar cualquier tipo de diagrama de Mermaid?
Esta herramienta solo acepta sintaxis de diagrama de flujo o de grafo. Para otros tipos de diagrama, usa el editor de Mermaid existente.
¿Cómo se muestran los errores?
Los errores del analizador muestran un número de línea cuando Mermaid proporciona uno. Los errores de seguridad y de límite de entrada tienen un mensaje independiente.
¿Las plantillas se han copiado de otro sitio?
No. El proceso sencillo, el árbol de decisiones y el flujo de inicio de sesión son ejemplos breves originales, escritos para esta herramienta.
Herramienta gratuita · se ejecuta en tu navegador · sin cuenta