Creador de diagramas con IA — crea diagramas a partir de lenguaje natural
A partir de una petición en lenguaje natural como «dibújame el flujo de registro de usuario» o «quiero ver la secuencia entre microservicios», la IA elige la mejor notación de diagrama (Mermaid, PlantUML, D2, Graphviz, etc.), genera el código y lo renderiza al instante. También puedes ir refinándolo en lenguaje natural con el asistente de edición con IA.
Diagramas sin escribir código
Las herramientas de diagramas tradicionales (Mermaid, PlantUML, D2) son potentes, pero exigen aprenderse la sintaxis. Con esta herramienta es la IA la que entiende «qué quieres dibujar» y se ocupa de elegir la notación, la sintaxis y la generación de código.
Ejemplo: si escribes «registro → verificación de correo → flujo de inicio de sesión», la IA elige `flowchart` de Mermaid y genera los nodos y las flechas adecuados. El resultado renderizado aparece en la vista previa.
Notaciones que la IA selecciona automáticamente
Según el caso de uso, la IA elige la notación más adecuada entre estas:
· Flujos de negocio o de proceso → Mermaid (flowchart). · Interacciones entre sistemas → Mermaid (sequenceDiagram) o PlantUML. · Estructura de bases de datos → Mermaid (erDiagram) o ERD. · Arquitectura de software → Structurizr (C4) o D2. · Gráficos de barras o circulares → Vega-Lite. · Estilo arte ASCII → Ditaa. · Fórmulas matemáticas o circuitos lógicos → TikZ o WaveDrom.
Retoques con el asistente de edición con IA
Tras la generación inicial puedes pedir cambios en lenguaje natural: · «Pon las flechas en rojo». · «Añade 3 nodos». · «Hazlo más sencillo».
El historial de versiones (v1=original, v2=salida de IA, v3+ = ediciones) y la vista de diferencias dejan ver de un vistazo qué cambios se han hecho. Si no te gusta el resultado, puedes volver a una versión anterior con un solo clic.
Edición de código + vista previa
Tras generar con IA, te lleva automáticamente a la pestaña «Editar código + vista previa». Si despliegas el editor de código que aparece plegado en un acordeón, puedes editar directamente el código que ha producido la IA.
Descargas: SVG (vectorial), PNG (ráster), .txt (solo el código) o copia al portapapeles. Para pegar en Slack o Notion, lo mejor es PNG; para incrustar en documentación, SVG.