Smart Excalidraw : outil open-source alimenté par l'IA pour générer des diagrammes intelligents

Smart Excalidraw : outil open-source alimenté par l'IA pour générer des diagrammes intelligents 170

Un outil open-source piloté par l'IA pour générer des diagrammes intelligents. Sa fonction principale est de convertir la parole humaine en diagrammes structurés et modifiables grâce à de grands modèles de langage. Les diagrammes sont au format Excalidraw et l'utilisateur peut ajuster le style et la mise en page directement sur le canevas — de la génération automatique à la retouche manuelle.

#Ai工具箱 #Ai开源项目

Smart Excalidraw : outil open-source alimenté par l'IA pour générer des diagrammes intelligentsIntroduction

Smart Excalidraw est un outil open-source de génération de diagrammes intelligents alimenté par l'IA. Sa fonction principale consiste à utiliser de grands modèles de langage pour transformer ce que dit une personne en diagrammes structurés et modifiables. Les graphiques produits sont au format Excalidraw, ce qui permet à l'utilisateur d'ajuster lui-même le style et la disposition sur le canevas, en combinant la génération automatique et les modifications manuelles. La principale différence avec Excalidraw classique est qu'il commence par faire comprendre votre description grâce à un grand modèle, puis génère en une seule fois un diagramme professionnel à la structure claire et à la disposition adaptée, qu'il est ensuite possible d'ajuster librement sur le canevas d'origine. Il convient parfaitement aux développeurs, chefs de produit, architectes et autres personnes ayant besoin de dessiner rapidement des diagrammes de flux, des diagrammes d'architecture ou des diagrammes ER.

FSmart Excalidraw

Principales fonctionnalités de Smart Excalidraw

  • Générer un diagramme à partir d'une phrase : par exemple, en saisissant « dessine un diagramme d'architecture microservices comprenant une passerelle, une authentification et un service de commandes », l'IA sélectionne automatiquement le type de diagramme approprié, place les nœuds et trace les connexions.

  • Prise en charge de plus de 20 types de diagrammes : diagrammes de flux, diagrammes de séquence, diagrammes ER, mind maps, infographies, diagrammes d'architecture de déploiement, etc.

  • Connexions intelligentes : un algorithme propriétaire localise automatiquement les meilleurs points de connexion, réduit les croisements de lignes et garantit la lisibilité même des diagrammes complexes.

  • Compatibilité totale avec Excalidraw : la sortie est un fichier .excalidraw standard, que l'on peut faire glisser, dont on peut modifier les couleurs et ajouter des icônes directement dans Excalidraw.

  • Configuration simple, données stockées localement : il suffit de saisir une fois la clé API d'OpenAI ou d'Anthropic ; tous les paramètres et données sont conservés dans votre navigateur. Le déploiement local en un clic via Docker est également pris en charge.

Comment utiliser Smart Excalidraw

Utilisation en ligne

  • Ouvrir le site officiel :

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

  • Configurer l'IA :

  • Cliquer sur « 配置LLM » (Configurer le LLM) en haut à droite

  • Choisir le fournisseur (Anthropic ou OpenAI)

  • Saisir la clé API (il est recommandé d'utiliser Claude Sonnet 4.5 pour de meilleurs résultats)

  • Enregistrer

  • Saisir une instruction, par exemple :

    « Dessine un diagramme de flux pour l'inscription et la connexion des utilisateurs »

    « Crée un diagramme ER e-commerce comprenant les commandes, les produits et les utilisateurs »

    « Concevez un diagramme d'architecture d'un cluster Kubernetes »

    L'IA génère automatiquement le diagramme, que vous pouvez continuer à modifier sur le canevas.

Exécution locale

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

Puis ouvrir http://localhost:3000

Caractéristiques techniques de Smart Excalidraw

  • Compatible avec plusieurs modèles : prend en charge les modèles courants comme OpenAI et Anthropic ; la série Claude Sonnet est recommandée pour de meilleurs résultats.

  • Méthode de connexion intelligente : algorithme intégré de calcul des points de connexion évitant automatiquement les croisements de lignes, pour des diagrammes plus clairs.

  • Stockage côté client : les paramètres et les données temporaires sont conservés dans le navigateur, ce qui réduit les coûts serveur et améliore la confidentialité.

  • Construit avec des outils modernes : basé sur Next.js, Excalidraw et Tailwind CSS, ce qui facilite les modifications locales et l'ajout de fonctionnalités.

Cas d'utilisation de Smart Excalidraw

Idéal pour réaliser des prototypes de produits, dessiner des diagrammes d'architecture, illustrer de la documentation technique, ou encore collaborer en équipe. Les designers ou ingénieurs n'ont qu'à décrire en mots ce qu'ils souhaitent ; ils obtiennent rapidement un diagramme structuré qu'ils peuvent affiner sur le canevas Excalidraw. L'outil peut également être intégré aux revues de conception, à la rédaction de documentation ou aux pipelines CI afin d'accélérer les tâches de visualisation.

Questions fréquentes

Q : Quel modèle est le plus performant ?

R : Claude Sonnet 4.5 offre des diagrammes plus précis et une structure plus cohérente.

Q : Les données sont-elles envoyées en ligne ?

R : Non, tout le contenu reste uniquement dans votre navigateur.

Q : Peut-on modifier les diagrammes générés par l'IA ?

R : Oui, il s'agit d'éléments Excalidraw classiques, que l'on peut librement déplacer, recolorer et compléter avec du texte.

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

Outils liés à Smart Excalidraw : outil open-source alimenté par l'IA pour générer des diagrammes intelligents