CONTACT NOW
Browser-Native AI Workflow

OpenDesign

一站式解决 AI Design 多模型切换、配置管理、结果回看与流程迭代复用

OpenDesign 的概念主视觉图
9
Providers 供应商接入
21
Models 预置模型
16
Nodes 工作节点
0
Backend 后端依赖
01 — Positioning

模型聚合页 生成式设计工作台

OpenDesign 的价值不在于"接了多少模型",而在于把输入、路由、执行、变换与回看这五件事, 压缩进同一套可视化系统里。

01

可视化编排

Prompt、图像、镜头、结构化处理、结果查看被拆成独立节点,像搭积木一样推进设计探索与内容生产。

02

供应商路由

云端与本地能力并行接入。模型开关、能力清单、参数 Schema、Base URL 覆盖与导入导出集中在同一面板。

03

拓扑执行

工作流按依赖关系推进,状态实时反馈到画布。结果写回历史面板后可拖回画布,形成闭环。

04

浏览器原生

搭建、推理、整理、保存全部在浏览器端完成。无服务端依赖,本地即可启动一台轻量 AI 工作台。

02 — Canvas

画布即产品,简约却不简单

深色低干扰编辑界面,配合可缩放画布、组合节点、自动布局与运行 OpenDesign 在保持专业工具克制感的同时,保留了搭建流程时应有的速度与呼吸

OpenDesign 的主画布截图
01

Surface

React Flow Canvas

02

Tools

Zoom / Group / Auto Layout

03

Run

拓扑顺序执行 / Run All

03 — System

供应商、模型、参数 所见即所得

OpenDesign 不是在裸调 API 而是把 Provider、Model、Param Schema、Base URL 覆盖 与配置导入导出,做成了一套完整的注册系统,这让它适合长期维护和持续迭代不同的模型与能力

OpenDesign 的供应商与模型管理界面

Providers

9 接入
通用云端
  • OpenAI
  • OpenAI Responses
  • Anthropic Claude
  • Google Gemini
推理加速
  • Groq
  • Together AI
  • DeepSeek
本地 / 国内
  • Ollama
  • Volcengine / Doubao

Workflow Nodes

16 节点
输入
  • 文本输入
  • 图片上传
生成
  • AI 生成
  • Gemini 绘图
  • Gemini 视频
  • 火山 Seedream
处理
  • 结构化处理
  • Python 脚本
输出
  • 结果查看
04 — Anatomy

从输入到复用,同一条认知路径

结合引擎、历史与数据传递 OpenDesign 已具备从想法生成到结果迭代的完整闭环

OpenDesign 工作流画布示例
  1. 01 Capture 采集输入

    把文本、图像、角色与镜头拆成独立输入源,避免单个 Prompt 承载全部意图。

  2. 02 Structure 结构化

    通过结构化处理与组合文本节点,把需求整理成稳定的中间层,便于复用调试。

  3. 03 Route 路由分发

    按任务类型分发到不同供应商与模型,文本、图像、视频节点可并行存在。

  4. 04 Transform 本地变换

    通过 Python 脚本与图片转换节点,在浏览器内完成清洗、压缩、格式转换。

  5. 05 Reuse 回看复用

    历史记录与结果查看支持拖回画布,让每一次生成都成为下一轮工作流的输入。

05 — At a Glance

基于项目的技术事实

一张表回答 OpenDesign 到底是什么?使用了那些技术方案

Stack
React Flow · TypeScript
Runtime
纯浏览器 · 无服务端
Storage
IndexedDB · 本地历史
Export
JSON 工作流 · 配置导入导出
Scripting
Python (Pyodide) · 节点级执行
Canvas
拓扑执行 · 组合节点 · 自动布局
— OpenDesign —

把 AI Design 从单次调用推进到持续编排