Smart Excalidraw: herramienta de código abierto basada en IA para generar diagramas inteligentes 164

Smart Excalidraw es una herramienta de código abierto para generar diagramas inteligentes impulsada por IA. Su función principal es convertir las instrucciones de las personas en diagramas estructurados y editables mediante modelos de lenguaje de gran tamaño. Los diagramas generados están en formato Excalidraw, lo que permite a los usuarios ajustar estilos y diseños en el lienzo, completando así todo el proceso, desde la generación automática hasta la edición manual. La mayor diferencia respecto al Excalidraw convencional es que primero utiliza un modelo grande para comprender la descripción y luego crea de una sola vez un diagrama profesional con una estructura clara y un diseño adecuado, que posteriormente se puede modificar libremente en el lienzo original. Es ideal para desarrolladores, gerentes de producto, arquitectos y cualquier persona que necesite dibujar rápidamente diagramas de flujo, diagramas de arquitectura o diagramas ER.

Funciones principales de Smart Excalidraw

• Generación de diagramas con una sola frase: por ejemplo, al introducir "dibuja un diagrama de arquitectura de microservicios que incluya pasarela, autenticación y servicio de pedidos", la IA seleccionará automáticamente el tipo de diagrama adecuado, ubicará los nodos y conectará las líneas.

• Admite más de 20 tipos de diagramas: incluye diagramas de flujo, diagramas de secuencia, diagramas ER, mapas mentales, infografías, diagramas de arquitectura de despliegue, entre otros.

• Conexiones inteligentes: utiliza un algoritmo propio para encontrar automáticamente los mejores puntos de conexión, reduciendo el cruce de líneas y manteniendo legibles incluso los diagramas complejos.

• Totalmente compatible con Excalidraw: los archivos generados son estándar .excalidraw, que se pueden arrastrar, cambiar de color y añadir iconos directamente en Excalidraw.

• Configuración sencilla y datos almacenados localmente: solo hay que introducir una vez la API Key de OpenAI o Anthropic; todos los ajustes y datos se guardan en tu propio navegador. También admite el despliegue local con un solo comando usando Docker.

Cómo usar Smart Excalidraw

Uso en línea

• Abre el sitio web oficial:

• 👉https://smart-excalidraw.aizhi.site/

• Configurar la IA:

• Haz clic en "配置LLM" (Configurar LLM) en la esquina superior derecha

• Selecciona el proveedor (Anthropic u OpenAI)

• Introduce la API Key (se recomienda usar Claude Sonnet 4.5, que ofrece los mejores resultados)

• Guarda

• Introduce una instrucción, por ejemplo:

  "Dibuja un diagrama de flujo para el registro e inicio de sesión de usuarios"

  "Crea un diagrama ER de e-commerce que incluya pedidos, productos y usuarios"

  "Diseña un diagrama de arquitectura de un clúster de Kubernetes"

  La IA generará el diagrama automáticamente, y podrás seguir modificándolo en el lienzo.

Ejecución local

gitclonehttps://github.com/liujuntao123/smart-excalidraw-next.git
cdsmart-excalidraw-next
pnpminstall
pnpmdev

A continuación, abre http://localhost:3000

Características técnicas de Smart Excalidraw

• Compatible con múltiples modelos: admite proveedores habituales como OpenAI y Anthropic; se recomienda usar la serie Claude Sonnet para obtener mejores resultados.

• Método inteligente de conexión: incorpora un algoritmo propio para calcular los puntos de conexión, evitando automáticamente el cruce de líneas y logrando diagramas más comprensibles.

• Almacenamiento en el frontend: los ajustes y datos temporales se guardan en el navegador, lo que reduce costes de servidor y mejora la privacidad.

• Desarrollado con herramientas modernas: basado en Next.js, Excalidraw y Tailwind CSS, lo que facilita las modificaciones locales y la incorporación de nuevas funciones.

Casos de uso de Smart Excalidraw

Es ideal para crear prototipos de productos, dibujar diagramas de arquitectura, añadir ilustraciones a documentación técnica y para el trabajo en equipo. Tanto diseñadores como ingenieros solo tienen que describir con palabras lo que necesitan para obtener rápidamente un diagrama estructurado, que luego pueden refinar en el lienzo de Excalidraw. También se puede integrar en revisiones de diseño, redacción de documentación o flujos de CI para acelerar las tareas de visualización.

Preguntas frecuentes

P: ¿Qué modelo es mejor usar?

R: Claude Sonnet 4.5, ya que genera diagramas más precisos y con una estructura más razonable.

P: ¿Se envían los datos a la red?

R: No, todo el contenido se almacena únicamente en tu propio navegador.

P: ¿Se pueden modificar los diagramas generados por la IA?

R: Sí, lo que se produce son elementos normales de Excalidraw, que se pueden arrastrar libremente, cambiar de color y añadir texto.

Github:https://github.com/liujuntao123/smart-excalidraw-next