Générez des diagrammes avec l'IA à partir d'une description textuelle

FlowBoard est le tableau infini avec des diagrammes d'AIsToHire, et la génération par IA est son raccourci le plus court. Au lieu de faire glisser les formes une par une, vous ouvrez le menu 'Assistant IA', restez sur l'onglet 'Diagramme' et écrivez ce que vous voulez voir : 'processus d'intégration d'un client avec validation des documents et approbation.' Vous pouvez insérer jusqu'à 4 000 caractères, donc vous pouvez coller toute la procédure au lieu de la résumer. L'IA répond avec un diagramme en syntaxe Mermaid, et vous ne voyez pas ce code : FlowBoard l'interprète et le peint comme de vrais éléments sur le tableau, jusqu'à 25 nœuds par génération.

La traduction respecte la sémantique du diagramme. L'interpréteur reconnaît dix types de nœuds —rectangle, rectangle arrondi, cercle, losange de décision, hexagone, parallélogramme d'entrée/sortie, document, cylindre de stockage, processus prédéfini et terminator— et six types de liens : flèche simple, ligne sans pointe, pointillée, épaisse, bidirectionnelle et terminaison en cercle. Les étiquettes sur les flèches ('Oui', 'Non', la condition) arrivent déjà écrites, tout comme les chaînes du type A→B→C et les ramifications vers plusieurs destinations. Ce qui n'est pas dessin —styles, classes, commentaires— est silencieusement écarté au lieu de rompre l'importation.

Là où le travail se voit, c'est dans le placement, qui est ce qui finit souvent par être encombré dans d'autres générateurs. FlowBoard distribue les nœuds en couches le long du chemin le plus long depuis les racines, détecte les cycles avec un parcours en profondeur afin qu'une boucle de réessai n'écrase pas le dessin, effectue un passage de barycentre pour minimiser le nombre de flèches croisées et laisse 110 px entre les couches et 70 px entre les frères ; la largeur de chaque boîte s'adapte à son texte jusqu'à un maximum de 320 px. Les flèches ne sont pas des lignes lâches sur le canevas : chaque extrémité est ancrée à un élément spécifique —sortie en bas, entrée en haut, et sur le côté lorsque l'arête revient— avec un traçage à angle droit, donc dès que vous déplacez une boîte, la flèche la suit.

Le diagramme apparaît à droite de ce qui était déjà sur le tableau, sans le chevaucher, arrive sélectionné, et le canevas se cadre autour ; si cela ne vous convainc pas, Ctrl+Z et c'est fini. À partir de là, c'est un diagramme normal de FlowBoard : changer la forme d'une boîte tout en conservant son texte et ses flèches, réécrire des étiquettes, passer le traçage à droit ou courbe, plier la ligne où vous le souhaitez, appliquer 'Réorganiser automatiquement' et exporter vers PNG, SVG, PDF, JSON ou Mermaid, avec sauvegarde automatique et historique des versions en arrière-plan. L'IA écrit dans la langue de votre compte et consomme des jetons de votre solde, et il est bon de savoir ce qu'elle ne fait pas : elle dessine un nouveau diagramme à chaque fois, elle ne réécrit pas celui que vous avez déjà à l'écran.