Diagrammes de flux

Créez des diagrammes de flux en ligne avec 20 formes et des connecteurs intelligents

Rectangles, losanges, terminators, cylindres et documents reliés par des flèches qui se connectent automatiquement à 8 ancres, se plient où vous le souhaitez et évitent tout ce qu'il y a entre.

Un diagramme de flux peut être compris en dix secondes. Le même processus décrit par écrit prend trois paragraphes et soulève des questions.

FlowBoard est l'éditeur de tableau blanc et de diagrammes d'AIsToHire, et les diagrammes de flux sont sa spécialité. Chaque tableau prend en charge 20 types d'éléments : 12 formes conçues pour les processus —rectangle, rectangle arrondi, ellipse, losange de décision, triangle, hexagone, parallélogramme, étoile, document, cylindre de stockage, processus prédéfini et terminator— plus des notes autocollantes, du texte formaté, des icônes, des images, des cadres, des tableaux, des cartes et des groupes. Vous sélectionnez la forme dans la barre, la faites glisser sur la toile et elle s'aligne sur une grille de 24 px avec des guides d'alignement ; si vous changez d'avis, le changement de forme convertit un rectangle en losange tout en préservant le texte, le style et les flèches qu'il avait déjà.

Les flèches sont dessinées à l'aide de l'outil de connexion (touche C) : vous partez d'une boîte et lâchez dans une autre. Lorsque vous vous rapprochez à moins de 26 px d'un élément (40 sur un écran tactile), ses 8 ancres —nord, sud, est, ouest et les quatre coins— s'illuminent, et l'extrémité se fixe à la plus proche, donc lorsque vous déplacez la boîte plus tard, la flèche suit sans se détacher. Si vous préférez ne pas dépendre des 8 points, vous pouvez activer la connexion libre sur le bord dans les paramètres, ce qui vous permet d'attacher l'extrémité à n'importe quel point du périmètre. Une extrémité peut également rester libre à un point de la toile ou commencer sur un autre connecteur pour ramifier un chemin sans toucher les boîtes.

Chaque connecteur prend en charge trois tracés : droit, orthogonal (à angle droit) et courbe. Faites glisser n'importe quel point de la ligne et un waypoint est créé qui la plie juste là —jusqu'à 20 par connecteur— et le faire glisser hors de là le supprime. Si vous activez « Éviter les éléments », le tracé orthogonal est recalculé avec une recherche A* sur une grille de 12 px, et la ligne entoure les boîtes au milieu au lieu de les traverser ; une fois que vous ajoutez des waypoints manuels, vous dictez votre parcours. Tout le reste s'ajuste également : double-cliquez sur la ligne pour écrire l'étiquette (« Oui », « Non », la condition) en gras et en italique, cinq extrémités par côté (aucune, triangle, triangle ouvert, losange et cercle), ligne continue, discontinue ou en pointillés, quatre épaisseurs, couleur et une note avec des liens et des fichiers joints.

Le diagramme ne reste pas dans le navigateur. Chaque tableau prend en charge jusqu'à 1 500 éléments et 1 500 connecteurs, se sauvegarde automatiquement pendant que vous travaillez, réessaie si la connexion est interrompue, et conserve jusqu'à 30 versions auxquelles revenir. Vous pouvez commencer avec le modèle « Diagramme de flux » —début, processus, décision et fin déjà connectés— décrire le processus en une phrase et laisser l'IA le dessiner, ou importer ce que vous avez déjà dans Mermaid, draw.io (.drawio) ou Visio (.vsdx) ; « Réorganiser automatiquement » repositionne les boîtes par couches lorsque le flux devient désordonné. Et quand c'est prêt, il peut être exporté en PNG, SVG, PDF, JSON ou Mermaid, ou projeté en plein écran en mode présentation.

Ventajas de Diagrammes de flux

20 types d'éléments sur la même feuille

les 12 formes classiques du diagramme de flux (losange de décision, terminator, document, cylindre, processus prédéfini…) plus des notes, des icônes, des images, des tableaux, des cartes et des cadres pour regrouper.

Aimant à 8 ancres

en rapprochant l'extrémité de la flèche, les huit points de la boîte s'illuminent et elle se fixe à la plus proche ; où que vous déplaciez la boîte, la flèche l'accompagne.

Trois tracés pour la même flèche

droit pour la clarté, orthogonal pour un diagramme propre à angle droit et courbe pour des schémas flexibles, modifiables d'un clic sans refaire la connexion.

Waypoints à la main

faites glisser la ligne où vous voulez qu'elle passe et elle se plie là, jusqu'à 20 points par connecteur ; faites glisser le point à l'extérieur et il disparaît.

Évitez ce qu'il y a au milieu

avec « Éviter les éléments », le tracé orthogonal est recalculé avec une recherche A* sur une grille de 12 px et entoure les boîtes au lieu de les traverser.

Étiquettes sur la flèche elle-même

double-cliquez et écrivez « Oui », « Non » ou la condition, en gras et en italique, et l'étiquette se déplace avec la ligne lorsque vous la déplacez.

Changez de forme sans refaire quoi que ce soit

un rectangle devient un losange tout en conservant son texte, son style et tous ses connecteurs, et la grille de 24 px avec des guides d'alignement garde le diagramme droit.

Commencez avec le flux déjà monté

modèle « Diagramme de flux » avec début, processus, décision et fin connectés, génération par IA à partir d'une phrase et importation de Mermaid, draw.io et Visio.

Sophia Mendoza

Votre processus, en boîtes et flèches, en cinq minutes

FlowBoard est l'éditeur de diagrammes de flux d'AIsToHire : créez votre compte gratuit, ouvrez le modèle « Diagramme de flux » et connectez vos premières boîtes sans rien installer.

Créer des diagrammes de flux en ligne avec des connecteurs intelligents dans FlowBoard