Repolode
Enviar
bytedance

bytedance/flowgram.ai

Framework TypeScript com componentes integrados de canvas, formulário, variáveis e materiais para criar plataformas de workflows de IA.

Ver no GitHubSite
Estrelas
8,504
Forks
776
Issues abertas
82
Último commit
há 7 dias

O que é?

FlowGram é um framework e toolkit de desenvolvimento de workflows para quem quer criar seus próprios produtos visuais de workflow. Não é uma plataforma de workflow pronta para uso. Em vez disso, oferece os blocos básicos: um canvas de fluxo, um mecanismo de formulários para configurar nós, uma cadeia de escopos de variáveis e materiais prontos para nós, como LLM, Condition e Code Editor.

O canvas tem dois modos. No modo de layout livre, os nós podem ser posicionados em qualquer lugar e conectados por linhas desenhadas livremente. Já o modo de layout fixo ajusta os nós a posições predefinidas e oferece suporte a nós compostos, como ramificações e loops. O mecanismo de formulários cuida das operações CRUD dos dados dos nós, além de renderização, validação, vinculação e captura de erros. O mecanismo de variáveis trata das restrições de escopo, inspeção de estruturas e inferência de tipos para os dados passados entre os nós.

O FlowGram é distribuído como pacotes npm e inclui um gerador de projetos, permitindo iniciar um app de demonstração com um único comando npx. Ele é desenvolvido com TypeScript e React, e a documentação aborda os módulos de canvas, formulários, variáveis, materiais e runtime.

Recursos principais

  • 01Canvas de layout livre para posicionar nós em qualquer lugar e conectá-los com linhas desenhadas livremente.
  • 02Canvas de layout fixo com suporte a nós compostos, como ramificações e loops.
  • 03Mecanismo de formulários para configurar nós, com renderização, validação, vinculação e captura de erros.
  • 04Mecanismo de variáveis com restrições de escopo, inspeção de estruturas e inferência de tipos.
  • 05Materiais prontos para uso, incluindo nós LLM, Condition e Code Editor.
  • 06Gerador de projetos para iniciar um app de demonstração com um único comando.

Casos de uso

  • Criar uma plataforma personalizada de workflows de IA ou de orquestração de agentes com base em um editor visual.
  • Adicionar um designer de workflows baseado em nós a uma ferramenta interna de automação.
  • Criar interfaces de configuração no-code em que os usuários conectam etapas de processamento de dados.
  • Prototipar um editor no estilo de fluxograma em uma aplicação React e TypeScript.

Início rápido

  1. 1

    Crie um novo projeto FlowGram (escolha o template Free Layout Demo)

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

    Acesse o diretório do projeto e instale as dependências

    cd demo-free-layout npm install
  3. 3

    Inicie o projeto

    npm start
  4. 4

    Abra http://localhost:3000 no navegador

Antes de usar

  • É um framework e um kit de ferramentas, não uma plataforma de fluxos de trabalho pronta para uso; portanto, você precisa criar seu próprio produto com base nele.

Tópicos

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

Perguntas frequentes

O que é flowgram.ai?
Framework TypeScript com componentes integrados de canvas, formulário, variáveis e materiais para criar plataformas de workflows de IA. FlowGram é um framework e toolkit de desenvolvimento de workflows para quem quer criar seus próprios produtos visuais de workflow. Não é uma plataforma de workflow pronta para uso. Em vez disso, oferece os blocos básicos: um canvas de fluxo, um mecanismo de formulários para configurar nós, uma cadeia de escopos de variáveis e materiais prontos para nós, como LLM, Condition e Code Editor.
flowgram.ai é gratuito? Qual é a licença?
flowgram.ai é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
flowgram.ai ainda é mantido?
Manutenção ativa. O último commit de flowgram.ai foi em 13 de out. de 2026.
Para que posso usar flowgram.ai?
Criar uma plataforma personalizada de workflows de IA ou de orquestração de agentes com base em um editor visual. Adicionar um designer de workflows baseado em nós a uma ferramenta interna de automação. Criar interfaces de configuração no-code em que os usuários conectam etapas de processamento de dados. Prototipar um editor no estilo de fluxograma em uma aplicação React e TypeScript.
Como instalar flowgram.ai?
Crie um novo projeto FlowGram (escolha o template Free Layout Demo): npx @flowgram.ai/create-app@latest Acesse o diretório do projeto e instale as dependências: cd demo-free-layout npm install Inicie o projeto: npm start Abra http://localhost:3000 no navegador
Onde consigo flowgram.ai?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/bytedance/flowgram.ai

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados