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

> Diagrammes de flux dans le navigateur : 20 types d'éléments, flèches qui se fixent à 8 ancres et chemins droits, orthogonaux ou courbes qui évitent les boîtes.

- **Source (source):** https://aistohire.com/fr/flowboard-tableau-blanc-infini-diagrammes-131/f/creer-des-diagrammes-de-flux-en-ligne
- **Plateforme (platform):** AIstoHire
- **Langue (language):** fr

## En résumé

- 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.

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

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.

Ouvrez un nouveau tableau et choisissez le modèle « Diagramme de flux », qui a déjà début, processus, décision et fin connectés, ou commencez à partir de zéro. Pour ajouter des boîtes, sélectionnez la forme dans la barre d'outils et faites-la glisser sur la toile ; double-cliquez pour écrire à l'intérieur. Pour les relier, activez l'outil de connexion (touche C), partez d'une boîte et lâchez dans la suivante : l'extrémité se fixe automatiquement à l'ancre la plus proche. Si vous préférez partir du texte, décrivez le processus en une phrase et l'IA de FlowBoard dessinera le premier brouillon sur le tableau.

Comment faire un diagramme de flux en ligne avec FlowBoard ?

Les 12 formes de processus sont rectangle, rectangle arrondi, ellipse, losange (décision), triangle, hexagone, parallélogramme (entrée/sortie), étoile, document, cylindre (stockage de données), processus prédéfini et terminator (début/fin). À cela s'ajoutent des notes autocollantes, du texte formaté, des icônes (catalogue de 120), des images, des cadres, des tableaux, des cartes et des groupes : 20 types d'éléments au total. N'importe quelle forme géométrique ou de flux peut être convertie en une autre sans perdre son texte, son style ou ses connecteurs.

Quelles formes de diagramme de flux sont incluses ?

Oui. Chaque extrémité d'un connecteur est enregistrée comme « élément + ancre », et non comme une coordonnée : lorsque vous déplacez, redimensionnez ou faites pivoter la boîte, le tracé est recalculé et la flèche continue de sortir du même point. Chaque élément offre 8 ancres (les quatre côtés et les quatre coins) et l'aimant s'active à 26 px de distance avec une souris et 40 px sur un écran tactile. Dans les paramètres, vous pouvez également activer la connexion libre sur le bord, ce qui permet d'ancrer l'extrémité à n'importe quel point du périmètre de la forme.

Les flèches restent-elles attachées aux boîtes lorsque je les déplace ?

Oui, en activant l'option « Éviter les éléments » du connecteur. Avec le tracé orthogonal, FlowBoard recalculera le chemin avec une recherche A* sur une grille de 12 px et la ligne entourera les éléments qu'elle trouve au milieu au lieu de les traverser. Cela fonctionne lorsque le connecteur n'a pas de waypoints propres : si vous avez plié la ligne manuellement, vous dictez votre parcours. Les tracés droits et courbes vont toujours du point A au point B, et ici vous contrôlez les détails fins en faisant glisser la ligne pour créer des waypoints (jusqu'à 20 par connecteur).

Puis-je éviter que les flèches passent au-dessus d'autres boîtes ?

Dans les deux sens. FlowBoard importe le code Mermaid (collé ou depuis un fichier), les fichiers .drawio de draw.io, .vsdx de Visio et des copies en JSON, et exporte en PNG, SVG, PDF, JSON et Mermaid. Vous pouvez également afficher le diagramme en plein écran en mode présentation sans quitter l'application. Chaque tableau prend en charge jusqu'à 1 500 éléments et 1 500 connecteurs, se sauvegarde automatiquement pendant que vous travaillez et conserve jusqu'à 30 versions au cas où vous auriez besoin de revenir en arrière.

Puis-je exporter le diagramme de flux ou l'importer d'un autre programme ?

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.

- [FlowBoard — Tableau Blanc Infini pour Diagrammes et Idées](https://aistohire.com/fr/flowboard-tableau-blanc-infini-diagrammes-131)

## À propos de la plateforme

**FlowBoard — Tableau Blanc Infini pour Diagrammes et Idées** — une application de AIstoHire. Disponible sur: https://aistohire.com/fr/flowboard-tableau-blanc-infini-diagrammes-131/f/creer-des-diagrammes-de-flux-en-ligne

### Autres langues

- `es`: https://aistohire.com/es/flowboard-pizarra-infinita-diagramas-131/f/crear-diagramas-de-flujo-online
- `en`: https://aistohire.com/flowboard-infinite-whiteboard-diagrams-131/f/create-flow-diagrams-online
- `it`: https://aistohire.com/it/flowboard-lavagna-infinita-diagrammi-131/f/creare-diagrammi-di-flusso-online
- `pt`: https://aistohire.com/pt/flowboard-quadro-branco-infinito-diagramas-131/f/criar-diagramas-de-fluxo-online
- `de`: https://aistohire.com/de/flowboard-unendliche-tafel-diagramme-131/f/flussdiagramme-online-erstellen
