OpenFlowKit 2: IA que crea diagramas colaborativos al instante

OpenFlowKit 2: la nueva herramienta IA que transforma la creación colaborativa de diagramas

(Lanzamiento en Product Hunt, comparativa con Lucidchart, Miro y Mermaid)

---

Introducción

¿Cansado de perder horas dibujando flujos y esquemas que luego deben revisarse una y otra vez? Con OpenFlowKit 2 puedes describir lo que necesitas en una frase y la IA genera el diagrama al instante, mientras todo tu equipo lo edita en tiempo real. Desde su debut en Product Hunt ha disparado las búsquedas de “diagramas IA” y ya se posiciona como una alternativa viable a Lucidchart, Miro y Mermaid. En este artículo encontrarás:

• Arquitectura y modelos IA que hacen posible la generación automática.
• Tutorial paso a paso (instalación, primeros prompts y exportación).
• Comparativa de precios y privacidad.
• Scripts de automatización y checklist de seguridad.

Todo con ejemplos concretos y un enfoque práctico para que empieces a usar OpenFlowKit 2 desde el primer día.

---

1. Arquitectura interna y modelos de IA

OpenFlowKit 2 está construido sobre dos componentes clave:

Componente	Descripción	Tecnologías
LLM‑Lite	Modelo de lenguaje de 7 B parámetros, afinado para entender prompts de diagramación.	GPT‑NeoX‑7B, LoRA en español
Vision‑Lite	Modelo de visión que interpreta bocetos rápidos y los convierte en SVG estructurado.	CLIP‑ViT‑B/32, ONNX Runtime

Ambos modelos se empaquetan en contenedores Docker oficiales (openflowkit/llm-lite y openflowkit/vision-lite). La comunicación entre ellos se gestiona mediante una API REST ligera que expone los siguientes endpoints:

# Generar diagrama a partir de texto
curl -X POST http://localhost:8080/api/v1/generate \
     -H "Content-Type: application/json" \
     -d '{"prompt":"Diagrama de arquitectura de microservicios con Kafka y PostgreSQL"}'

# Convertir un boceto PNG en SVG
curl -X POST http://localhost:8080/api/v1/vision \
     -F "file=@/ruta/al/boceto.png"

---

2. Instalación rápida (solo 3 pasos)

1. Instala Docker (versión ≥ 20.10).
2. Descarga los contenedores:

   docker pull openflowkit/llm-lite:latest
   docker pull openflowkit/vision-lite:latest
   docker pull openflowkit/frontend:latest   # UI React

1. Lanza el stack con docker‑compose (el fichero está en el repositorio oficial).

   version: "3.8"
   services:
     llm:
       image: openflowkit/llm-lite
       ports: ["8081:8080"]
     vision:
       image: openflowkit/vision-lite
       ports: ["8082:8080"]
     web:
       image: openflowkit/frontend
       ports: ["3000:3000"]
       environment:
         - LLM_URL=http://llm:8080
         - VISION_URL=http://vision:8080

   docker compose up -d

Con esto tendrás la UI disponible en http://localhost:3000.

---

3. Primeros prompts – ejemplos prácticos

Caso de uso	Prompt	Resultado esperado
Arquitectura de microservicios	Diagrama de arquitectura con 3 servicios: API Gateway, Service A (Node.js) y Service B (Python), conectados a Kafka y una base PostgreSQL.	Diagrama con cajas, flechas y etiquetas, exportable a SVG/PNG.
Flujo de onboarding	Crea un flujo de usuario que incluye registro, verificación por email, creación de perfil y acceso al dashboard.	Diagrama de flujo estilo BPMN.
Boceto rápido	(subir una foto de un esquema dibujado a mano)	SVG vectorial con los mismos nodos y conexiones.

En la UI basta con escribir el prompt y pulsar “Generar”; el modelo devuelve el SVG en menos de 5 s.

---

4. Comparativa de precios y privacidad

Plan	Precio	Diagramas mensuales	Límite por archivo	IA incluida	Almacenamiento	Comentario
Free	$0	50	5 MB	Sí	500 MB	Ideal para pruebas y equipos pequeños.
Starter	$9,99 / mes	500	10 MB	Sí	5 GB	Soporte por Slack, integración básica con Git.
Professional	$29,99 / mes	Ilimitado	50 MB	Sí	20 GB	Acceso a APIs, SSO SAML, auditoría de cambios.
Lucidchart	$7,95 / mes por usuario	200 (plan Business)	25 MB	No (cobro extra IA)	1 GB	Buenas plantillas, pero IA separada.
Miro	$8 / mes por usuario	Ilimitado (pizarra)	100 MB	No	10 GB	Enfocado en pizarras, generación automática limitada.
Mermaid (open source)	$0	Ilimitado	N/A	No	N/A	Requiere escribir código, sin UI colaborativa.

Privacidad: OpenFlowKit 2 permite desplegar todo el stack on‑premise o en VPC privadas, lo que garantiza que los datos nunca abandonan tu infraestructura. En contraste, Lucidchart y Miro procesan los diagramas en la nube pública.

---

5. Automatización con scripts

5.1. Generar diagramas desde CI/CD

#!/usr/bin/env bash
# generate-diagram.sh – usa la API de OpenFlowKit en un pipeline GitHub Actions

PROMPT="Diagrama de arquitectura de la rama $GITHUB_REF"
curl -s -X POST http://localhost:8080/api/v1/generate \
     -H "Content-Type: application/json" \
     -d "{\"prompt\":\"$PROMPT\"}" \
   | jq -r .svg > diagramas/architecture-${GITHUB_SHA}.svg

Añade este script como paso en tu workflow y tendrás siempre una visión actualizada de la arquitectura tras cada despliegue.

5.2. Sincronizar con Notion

import requests, json

NOTION_TOKEN = "secret_..."
PAGE_ID = "1234567890abcdef"
SVG_PATH = "diagramas/flow.svg"

with open(SVG_PATH, "rb") as f:
    svg_data = f.read()

# Subir el archivo a Notion como bloque de imagen
url = f"https://api.notion.com/v1/blocks/{PAGE_ID}/children"
payload = {
    "children": [
        {
            "object": "block",
            "type": "image",
            "image": {
                "type": "file",
                "file": {
                    "url": "data:image/svg+xml;base64," + svg_data.encode("base64")
                }
            }
        }
    ]
}
headers = {
    "Authorization": f"Bearer {NOTION_TOKEN}",
    "Notion-Version": "2022-06-28",
    "Content-Type": "application/json"
}
requests.patch(url, headers=headers, data=json.dumps(payload))

---

6. Checklist de seguridad para entornos productivos

✅	Acción
1	Aislar los contenedores mediante redes Docker separadas (openflowkit_net).
2	Habilitar TLS en los endpoints (/api/v1/*) usando un reverse proxy (Traefik o Nginx).
3	Rotar claves API de OpenAI/Anthropic si decides integrarlas.
4	Auditar logs de generación (fecha, usuario, prompt) y almacenarlos 90 días en SIEM.
5	Limitar tamaños de archivos subidos (max 10 MB) para evitar ataques de denegación.
6	Escanear imágenes Docker con Trivy antes de desplegar en producción.
7	Configurar RBAC en la UI (roles: Viewer, Editor, Admin).

---

7. Conclusión

OpenFlowKit 2 llega en el momento justo: la necesidad de acelerar la documentación visual, la explosión de búsquedas de “diagramas IA” y la creciente preocupación por la privacidad de los datos. Su arquitectura basada en modelos abiertos permite usar la herramienta

---

Herramienta mencionada: Groq Cloud