Creador de diagramas gratuito que exporta Mermaid, PlantUML y D2 a PNG o SVG
Renderiza en el navegador, en tiempo real, 16 lenguajes de diagrama distintos: Mermaid, PlantUML, D2, Graphviz, C4 (Structurizr), WaveDrom, etc. Genera diagramas de flujo, secuencia, ER, Gantt o de red a partir de código y guárdalos como PNG o SVG. Sin registro y totalmente gratis.
¿Por qué escribir los diagramas como código?
Frente a las herramientas de tipo «arrastrar y soltar» (Visio, draw.io, etc.), los diagramas como código tienen tres ventajas:
1. **Se versionan con Git**: las modificaciones del diagrama aparecen en el pull request. 2. **Se editan desde un editor de texto**: puedes trabajar en VS Code, Vim, etc. 3. **Se reutilizan fácilmente**: se pueden plantillar para que todo el equipo use el mismo estilo.
Resultan especialmente útiles en equipos de ingeniería para diagramas de arquitectura, flujos operativos o secuencias de API.
Lenguajes de diagrama soportados
· **Mermaid**: diagramas de flujo, secuencia, ER, Gantt o circulares. Polivalente y se puede escribir directamente dentro de Markdown. · **PlantUML**: UML completo (clases, casos de uso, actividad, etc.). · **D2**: lenguaje declarativo moderno (de 2023). Muy bueno para diagramas de arquitectura. · **Graphviz (DOT)**: el clásico de la teoría de grafos. Ideal para diagramas con muchos nodos y aristas. · **Structurizr DSL**: arquitectura de software por capas con el modelo C4. · **WaveDrom**: formas de onda de circuitos digitales. · **TikZ, Vega y otros 10 lenguajes** también están disponibles.
¿Mejor exportar a PNG o a SVG?
**SVG** es vectorial: no pierde calidad por mucho que lo amplíes. Si vas a incrustarlo en documentos o páginas web, SVG es la mejor opción. Además permite buscar texto.
**PNG** es ráster. Es práctico cuando tienes que pegar el diagrama en herramientas que no manejan bien el SVG (como Slack o Notion) o cuando lo vas a incrustar en Word o PowerPoint.
Esta herramienta permite descargar ambos con un clic. Después de renderizar, eliges con qué formato quedarte.
Si prefieres que la IA te genere el diagrama
Si lo que tienes son frases del tipo «quiero dibujar el flujo de registro de usuario» o «quiero visualizar la secuencia entre microservicios», existe el **Creador de diagramas con IA** (función premium): a partir de tu petición en lenguaje natural, la IA elige la mejor notación y genera el código. Antes de pelearte con qué notación elegir entre Mermaid, PlantUML o D2, prueba a describir el diagrama en lenguaje natural.