Repolode
Enviar
bytedance

bytedance/flowgram.ai

Framework de TypeScript con componentes integrados de canvas, formularios, variables y materiales para crear plataformas de flujos de trabajo de IA.

Ver en GitHubSitio web
Estrellas
8,504
Forks
776
Issues abiertos
82
Último commit
hace 7 días

¿Qué es?

FlowGram es un framework y toolkit de desarrollo de flujos de trabajo dirigido a quienes quieren crear sus propios productos visuales para diseñarlos. No es una plataforma de flujos de trabajo lista para usar; ofrece los componentes básicos para construirla: un canvas de flujos, un motor de formularios para configurar nodos, una cadena de ámbitos de variables y materiales de nodos listos para usar, como LLM, Condition y Code Editor.

El canvas ofrece dos modos. El modo de diseño libre permite colocar nodos en cualquier lugar y conectarlos con líneas de forma libre, mientras que el modo de diseño fijo ajusta los nodos a posiciones predefinidas y admite nodos compuestos, como ramas y bucles. El motor de formularios gestiona las operaciones CRUD sobre los datos de los nodos, además de su renderizado, validación, vinculación y captura de errores. El motor de variables se ocupa de las restricciones de ámbito, la inspección de estructuras y la inferencia de tipos para los datos que se transfieren entre nodos.

FlowGram se distribuye como paquetes npm e incluye un generador de proyectos, por lo que se puede iniciar una aplicación de demostración con un solo comando npx. Está desarrollado con TypeScript y React, y su documentación cubre los módulos de canvas, formularios, variables, materiales y runtime.

Funciones clave

  • 01Canvas de diseño libre para colocar nodos en cualquier lugar y conectarlos con líneas de forma libre.
  • 02Canvas de diseño fijo compatible con nodos compuestos, como ramas y bucles.
  • 03Motor de formularios para configurar nodos, con renderizado, validación, vinculación y captura de errores.
  • 04Motor de variables con restricciones de ámbito, inspección de estructuras e inferencia de tipos.
  • 05Materiales listos para usar, incluidos los nodos LLM, Condition y Code Editor.
  • 06Generador de proyectos para iniciar una aplicación de demostración con un solo comando.

Casos de uso

  • Crear una plataforma personalizada de flujos de trabajo de IA u orquestación de agentes a partir de un editor visual.
  • Añadir un diseñador de flujos de trabajo basado en nodos a una herramienta interna de automatización.
  • Crear interfaces de configuración no-code en las que los usuarios conecten pasos de procesamiento de datos.
  • Crear un prototipo de editor visual de diagramas de flujo en una aplicación de React y TypeScript.

Inicio rápido

  1. 1

    Crea un proyecto nuevo de FlowGram (elige la plantilla Free Layout Demo)

    npx @flowgram.ai/create-app@latest
  2. 2

    Entra en el directorio del proyecto e instala las dependencias

    cd demo-free-layout npm install
  3. 3

    Inicia el proyecto

    npm start
  4. 4

    Abre http://localhost:3000 en el navegador

Antes de usarlo

  • Es un framework y un conjunto de herramientas, no una plataforma de flujos de trabajo lista para usar, así que tendrás que crear tu propio producto sobre esta base.

Temas

#workflow#ai#react#typescript#visualization#flowchart#no-code#low-code#automation#coze

Preguntas frecuentes

¿Qué es flowgram.ai?
Framework de TypeScript con componentes integrados de canvas, formularios, variables y materiales para crear plataformas de flujos de trabajo de IA. FlowGram es un framework y toolkit de desarrollo de flujos de trabajo dirigido a quienes quieren crear sus propios productos visuales para diseñarlos. No es una plataforma de flujos de trabajo lista para usar; ofrece los componentes básicos para construirla: un canvas de flujos, un motor de formularios para configurar nodos, una cadena de ámbitos de variables y materiales de nodos listos para usar, como LLM, Condition y Code Editor.
¿flowgram.ai es gratuito? ¿Qué licencia tiene?
flowgram.ai es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿flowgram.ai sigue mantenido?
Mantenimiento activo. El último commit de flowgram.ai fue el 13 oct 2026.
¿Para qué puedo usar flowgram.ai?
Crear una plataforma personalizada de flujos de trabajo de IA u orquestación de agentes a partir de un editor visual. Añadir un diseñador de flujos de trabajo basado en nodos a una herramienta interna de automatización. Crear interfaces de configuración no-code en las que los usuarios conecten pasos de procesamiento de datos. Crear un prototipo de editor visual de diagramas de flujo en una aplicación de React y TypeScript.
¿Cómo se instala flowgram.ai?
Crea un proyecto nuevo de FlowGram (elige la plantilla Free Layout Demo): npx @flowgram.ai/create-app@latest Entra en el directorio del proyecto e instala las dependencias: cd demo-free-layout npm install Inicia el proyecto: npm start Abre http://localhost:3000 en el navegador
¿Dónde consigo flowgram.ai?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/bytedance/flowgram.ai

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados