bytedance/flowgram.ai

Что это?

Ключевые возможности

• 01Canvas со свободным размещением узлов в любом месте и соединением произвольными линиями.
• 02Canvas с фиксированным размещением и поддержкой составных узлов, например ветвлений и циклов.
• 03Движок форм для настройки узлов: отображение, валидация, связывание и перехват ошибок.
• 04Движок переменных с ограничениями областей видимости, анализом структуры и выводом типов.
• 05Готовые материалы, включая узлы LLM, Condition и Code Editor.
• 06Генератор проектов для запуска демо-приложения одной командой.

Сценарии использования

• Создание собственной платформы для AI-workflow или оркестрации агентов на основе визуального редактора.
• Добавление визуального конструктора workflow на основе узлов во внутренний инструмент автоматизации.
• Создание no-code-интерфейсов для настройки, где пользователи соединяют этапы обработки данных.
• Создание прототипа редактора в стиле блок-схемы в приложении на React и TypeScript.

Быстрый старт

1. 1

   Создайте новый проект FlowGram (выберите шаблон Free Layout Demo)

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

   Перейдите в каталог проекта и установите зависимости

   cd demo-free-layout npm install
3. 3

   Запустите проект

   npm start
4. 4

   Откройте http://localhost:3000 в браузере

Что важно знать

• !Это фреймворк и набор инструментов, а не готовая платформа для рабочих процессов, поэтому вам нужно создать на его основе собственный продукт.

Темы

Частые вопросы

Что такое flowgram.ai?

TypeScript-фреймворк со встроенными компонентами canvas, форм, переменных и материалов для создания платформ AI-workflow. FlowGram — фреймворк и набор инструментов для разработки workflow, предназначенные для тех, кто хочет создать собственный визуальный продукт для работы с ними. Это не готовая workflow-платформа. Вместо этого FlowGram предоставляет основные строительные блоки: canvas для создания схем, движок форм для настройки узлов, цепочку областей видимости переменных и готовые материалы для узлов, например LLM, Condition и Code Editor.

flowgram.ai можно использовать бесплатно? Какая у него лицензия?

flowgram.ai распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

flowgram.ai всё ещё поддерживается?

Активно поддерживается. Последний коммит в flowgram.ai — 13 окт. 2026 г..

Для чего можно использовать flowgram.ai?

Создание собственной платформы для AI-workflow или оркестрации агентов на основе визуального редактора. Добавление визуального конструктора workflow на основе узлов во внутренний инструмент автоматизации. Создание no-code-интерфейсов для настройки, где пользователи соединяют этапы обработки данных. Создание прототипа редактора в стиле блок-схемы в приложении на React и TypeScript.

Как установить flowgram.ai?

Создайте новый проект FlowGram (выберите шаблон Free Layout Demo): npx @flowgram.ai/create-app@latest Перейдите в каталог проекта и установите зависимости: cd demo-free-layout npm install Запустите проект: npm start Откройте http://localhost:3000 в браузере

Где скачать flowgram.ai?

Исходный код и инструкции по установке — на GitHub: https://github.com/bytedance/flowgram.ai