FlowGram.AI : un moteur de workflow open-source basé sur les nœuds, développé par ByteDance 169

小编 · 2025-05-10

FlowGram.AI est un moteur de workflow open-source basé sur les nœuds, développé par ByteDance. Il aide les développeurs à créer rapidement des workflows avec des mises en page fixes ou à connexion libre.

FlowGram.AI : un moteur de workflow open-source basé sur les nœuds, développé par ByteDance

Qu'est-ce que FlowGram.ai ?

FlowGram.AI est un moteur de création de flux open source basé sur l'édition par nœuds, développé par ByteDance, qui aide les développeurs à créer rapidement des workflows à disposition fixe ou à connexion libre.

FlowGram.AI：字节跳动开发的一款开源的基于节点的工作流构建引擎.webp

Fonctionnalités principales de FlowGram.AI

Double mode de disposition : deux modes sont proposés, à savoir la disposition fixe et la disposition libre. Dans la disposition fixe, les nœuds sont contraints dans une grille prédéfinie, adaptée aux scénarios de processus standardisés avec une hiérarchie claire, tels que les approbations d'entreprise ou le traitement des commandes, et permet également de générer automatiquement des squelettes de code ; la disposition libre permet quant à elle de positionner les nœuds de manière plus随意 et offre des lignes de connexion plus libres, convient aux cartes mentales, aux prototypes d'algorithmes et autres scénarios, et permet une synchronisation bidirectionnelle en temps réel entre le diagramme de flux et le code.
Meilleures pratiques d'interaction : intègre une série de meilleures pratiques d'interaction, telles que les animations Motion qui permettent des transitions lors des modifications des nœuds ; prend en charge la modularité avec regroupement et pliage de branches ; offre des opérations par lots telles que la sélection et le glisser-déposer encadrés, ainsi que le copier-coller en lot ; prend en charge le changement de disposition, y compris le basculement entre les modes horizontal et vertical ; propose également des fonctions de mise en page auxiliaires telles que les guides, l'alignement par aimantage, l'organisation automatique et les miniatures, afin de fournir une interface utilisateur intuitive et facile à utiliser ainsi qu'une expérience d'interaction fluide.
Renforcement par l'IA : dans la version de FlowGram.AI, des fonctionnalités de suggestions intelligentes sont disponibles, par exemple, lors de la création d'un nœud de nettoyage de données, il peut recommander une prochaine étape possible telle que la « détection des valeurs aberrantes » ; il peut également effectuer des prédictions de risques. Selon des données de tests internes, il peut intercepter jusqu'à 83 % des erreurs de type et 64 % des risques potentiels de boucle infinie lors de la phase de test des processus ; de plus, les processus créés peuvent générer automatiquement de la documentation, résolvant ainsi le problème du « code hérité sans documentation ».
Extensibilité puissante : fournit des composants principaux tels que le moteur de canevas, le moteur de nœuds et le moteur de variables, sur la base desquels les développeurs peuvent construire leur propre logique métier et des nœuds personnalisés. Le moteur de canevas étend les interactions par couches, le moteur de nœuds est responsable du rendu et de la validation des formulaires des nœuds, le moteur de variables gère les références des variables entre les nœuds, et la bibliothèque de matériaux est utilisée pour étendre les nœuds et les composants UI. Grâce à l'extension par couches des interactions du canevas et à l'injection de dépendances IOC, les développeurs peuvent écouter les données des nœuds qui les intéressent via l'injection de dépendances. Le moteur de variables dispose d'une fonction de contrainte de portée, et de nombreuses fonctions internes sont ouvertes sous forme de plugins.

Architecture technique de FlowGram.AI

Moteur de rendu propriétaire basé sur Canvas : spécialement optimisé pour les scénarios complexes tels que les diagrammes de flux, il prend en charge un très grand nombre de nœuds (plus de 200 nœuds tout en maintenant une fluidité de 60 FPS, et certaines données mentionnent même une utilisation fluide avec des dizaines de milliers de nœuds), avec un zoom et un défilement fluides. Il adopte un mécanisme de partition des données similaire à ECS et un mécanisme réactif de type MobX, garantissant un rendu efficace sans saccades.
Parallélisation avec Web Worker : délègue les calculs chronophages en arrière-plan, sans bloquer le thread principal, garantissant ainsi que l'interface reste toujours réactive.
Cache intelligent : la vitesse de chargement peut être améliorée de 40 %, et même les grands projets s'ouvrent en un instant.

Scénarios d'application de FlowGram.AI

Workflow « Coze » : utilisé pour construire des logiques de conversation complexes pour les bots IA et des flux d'appel d'outils.
Plateforme low-code Feishu / Tableaux multidimensionnels : les utilisateurs peuvent créer des flux d'approbation et des tâches automatisées via une interface visuelle.
Automatisation des processus d'entreprise : par exemple, la création d'arbres de décision via une disposition fixe peut réduire le taux d'erreur de tri et améliorer la vitesse de traitement.
Prototypes d'algorithmes / pipelines de données : la disposition libre convient aux travaux exploratoires et itératifs, et certains l'utilisent même pour créer des flux de génération d'images comme ComfyUI.

Mode d'utilisation

Une démo en ligne est disponible, permettant aux utilisateurs de l'essayer directement dans le navigateur ; l'installation locale est également prise en charge, et une simple commande (telle que npx @flowgram.ai/create - app@latest) permet de configurer rapidement un modèle de projet, facilitant ainsi le développement approfondi pour les développeurs.