OpenFlowKit
Diagramas gratis de código abiertoDiagramas con código o a mano, y a Figma
Aspectos destacados
Qué puedes hacer con ella
- Definir un diagrama de arquitectura con código
- Crear un organigrama visual y llevarlo a Figma
- Ajustar un diagrama con ayuda de la IA
Cómo usarla
- 1 Entra en el sitio de OpenFlowKit
- 2 Elige el modo: código o interfaz visual
- 3 Escribe el diagrama o arrastra elementos
- 4 Personaliza nodos, aristas y tema
- 5 Exporta o copia a Figma
Para quién es
Ventajas
- Es gratuita, abierta y con licencia MIT
- Funciona sin registro y guarda datos en local
- Combina flujo por código y flujo visual
Limitaciones
- El flujo por código exige aprender la sintaxis
- La asistencia de IA depende de un servicio externo
- La colaboración en tiempo real no es su punto fuerte
Qué es OpenFlowKit
OpenFlowKit es una herramienta de gráficos gratuita y de código abierto diseñada específicamente para desarrolladores. Su ventaja principal es ofrecer funciones potentes y flexibles para dibujar gráficos, de manera que se pueden crear diagramas con buena apariencia sin operaciones complejas. Admite dos formas de trabajar: escribiendo código, con sintaxis de Mermaid.js o con el DSL tipado que incluye la propia herramienta, o arrastrando elementos en una interfaz visual. También integra asistencia de IA, como Flowpilot AI, que permite modificar y ajustar el gráfico mediante una conversación. La estrategia local primero garantiza que los datos se queden en tu dispositivo, sin seguimiento ni sincronización con servidores de terceros, y la licencia MIT permite usar, modificar y distribuir la herramienta libremente.
Qué puedes hacer con él
- Definir diagramas escribiendo código con Mermaid.js o el DSL incluido.
- Crear gráficos arrastrando nodos y aristas en la interfaz visual.
- Personalizar por completo nodos, aristas, temas, fuentes y colores.
- Ajustar el diagrama conversando con la asistencia de IA.
- Exportar en SVG, PNG o PDF, o copiarlo directamente a Figma.
- Ver los cambios en tiempo real mientras editas el código.
Para quién es
- Para desarrolladores que prefieren definir diagramas con código.
- Para diseñadores que trabajan en Figma y necesitan gráficos limpios.
- Para arquitectos que documentan sistemas complejos.
- Para equipos que quieren una herramienta sin coste y sin nube.
Qué tener en cuenta
Si optas por el flujo por código, hay una curva de aprendizaje: familiarizarse con la sintaxis de Mermaid.js o con el DSL propio lleva un rato, y los diagramas complejos pueden requerir varias iteraciones. La asistencia de IA depende de un servicio externo, así que su disponibilidad y su comportamiento no están bajo tu control. Al ser una herramienta local primero, la colaboración en tiempo real entre varias personas no es su punto fuerte: para trabajar en equipo lo normal es exportar y compartir el archivo. Por último, aunque la licencia MIT te da mucha libertad, revisa siempre las condiciones si piensas integrarla en un producto propio.
Preguntas frecuentes
¿OpenFlowKit es gratis?
Sí, es gratuita, de código abierto y con licencia MIT.
¿Puedo usarlo sin crear una cuenta?
Sí, se puede usar directamente desde el sitio sin registrarse.
¿Se puede llevar el diagrama a Figma?
Sí, permite copiar el gráfico y pegarlo en Figma.
Por qué es gratis
Lo que dice la página oficial： completamente gratis
Los límites gratuitos, la duración de la prueba y las funciones los decide el sitio oficial y pueden cambiar en cualquier momento.
Captura de pantalla
Captura archivada desde la página del listado, solo como referencia.
