以画布为中心的 AGENT 工作台 · 开源

与 Agent 共用一块画布

项目中的产物、素材与推理过程集中在同一块画布上。用户在画布上指定、整理与修改,Agent 在画布上制作、检查与说明。产物以标准文件交付,支持下载、继续编辑与发布。

画布双方共同读写
圈选指定到元素
标准文件下载 · 编辑 · 发布
BYOK自有密钥 · 直连服务商
#mistridge-launch
雾岭咖啡 · 新品发布
雾岭品牌手册.docx9 页
品牌手册内页:三款主力豆
mistridge-site站点
雾岭咖啡官网首屏
决策

视觉规范

岭墨绿、晨雾白、焙褐三色。标签不放文字,按主色区分三款豆。

雾起包装图(透明底)
pack-mistrise-nobg.png
岭线包装图(透明底)
pack-ridgeline-nobg.png
江岸包装图(透明底)
pack-riverbank-nobg.png
mistridge-launch7 页 · 16:9
发布演示稿封面
发布演示 · 7 页结构
  1. 01封面
  2. 02一座山,三块地
  3. 03我们怎么做
  4. 04–06三款豆各一页
  5. 07怎么喝用户删去
  6. 07订阅与上市,首批限量 300 袋
FIG. 01 · 工作区示意,按真实界面绘制。画布展示雾岭咖啡项目:品牌手册、官网、发布演示稿、透明底包装图,以及板书上被用户修改过的演示结构。右侧会话栏记录工具调用、思考与回复。
画布用户与 Agent 共同读写的工作台。产物、板书与素材都是画布上的对象,支持拖动、圈选与连线。
会话栏工具调用、文件改动与思考过程逐条记录。
板书Agent 的计划与推理写在画布上,用户可以直接修改。
西藏攻略项目的画布:素材文件夹、演示稿、站点卡、决策便签
FIG. 02 · 真实工作区 · 西藏攻略项目:素材夹、站点卡、决策便签与会话栏。
SPiCa 项目的画布:粉笔写的步骤清单、站点首页卡、把方法收成 skill 的对话
FIG. 03 · 真实工作区 · SPiCa 项目:板书步骤清单与站点卡,本轮流程已保存为 skill。
01

项目全貌,也是指令的一部分

对话式工具里,用户与 Agent 之间只有一条文字通道。Nodesign 用一块双方都能读写的画布取代这条通道:用户在画布上做的每一件事,都会成为下一轮任务的上下文

选中的对象、圈选的区域与当前视野随消息一并提交;产物之间的连线告诉 Agent 素材从哪里来、要用到哪里。

FIG. 04 · 用户从网站连一条“取材”线到“江岸”包装图,圈选订阅计划一节并提出“这里配上这张包装图”,Agent 按连线找到这张图完成修改。2026-09-11 录制,Opus 5。
02

Agent 的桌面、眼睛与黑板

Agent 直接在画布上工作:新建产物、放到相关内容旁边、连上取材关系,并在画布上检查自己的结果。Agent 只说明位置关系,具体坐标由系统计算

需要拆解问题或规划步骤时,Agent 把计划写成板书。板书以文件保存,用户修改后,Agent 按修改后的内容执行。

FIG. 05 · Agent 在板书上列出 8 页演示稿结构;用户在板上删去一页、补充一句;Agent 按修改后的结构制作 7 页演示稿,放在结构旁边并以关系线相连。
03

共同语境与项目记忆

双方读写同一块画布。用户的每次整理与修改,Agent 在下一轮都能读到;Agent 的每件产出都留在画布上,可以查看、修改与回退。

关系线记录取材与派生:哪张图用于哪个网站、演示稿依据哪份文档制作。Agent 跨产物工作时据此取材,无需重复说明背景

FIG. 06 · 新开一个会话,只说一句“把品牌手册里的三种冲煮参数整理成一页,加到发布演示稿最后”。Agent 从画布找到手册与演示稿,完成跨产物修改。
对照

同一件事,两条路

左侧为对话式工具的做法,右侧为 Nodesign 的做法。

对话式工具Nodesign
指明修改位置用文字描述位置,或截图说明圈选或选中,随消息提交
项目背景换工具或换会话后重新说明关系线与项目记忆延续
产物分散在对话记录与不同平台集中在画布上,以标准文件保存
工作过程滚动的对话日志板书与画布上的实时进度
04 · 一次会话的六个步骤

从需求到可交付产物

Agent 先提供结构,确认后继续制作。

描述需求输入目标和已有信息。
确认结构Agent 提供结构,用户确认方向。
选择工具Agent 选择图像生成、背景移除、页面制作或代码执行工具。
生成产物产物放在相关内容旁边,并连上取材线。
圈选修改圈选目标区域或连线说明取材,再输入要求。
保存项目各版本持续保留,支持回退。
05

一块画布,多种产物形态

Nodesign 支持多种产物形态。Agent 按对应规范生成内容。

WEB

网页与站点

落地页、作品集、多页站点。响应式,可直接发布。

  • 整站导出
  • 移动端单独检查
DOC

文档与演示

Word 文档支持继续编辑。演示按屏翻页。

  • .docx 导出
  • 固定画幅页面
IMAGE

图像与视频

支持图像生成、背景移除、海报与短片。移除背景后的主体可用作版面元素。

  • 透明底叠层
  • 分镜拼装
PLAY

角色与互动

可交互的角色与原型。状态保留,重新打开还在。

  • 角色设定档案
  • 可交互原型
雾岭咖啡项目中的四类产物:品牌官网(桌面与手机)、8 页发布演示稿、9 页 Word 品牌手册、透明底产品图
FIG. 07 · 同一个项目中的四类产物:品牌官网、发布演示稿、Word 品牌手册与透明底产品图,均由 Agent 在同一块画布上完成。
06

开放与扩展(规划中)

目标是让画布成为用户与多个 Agent、多个系统之间的协调层:各系统中的任务、文件与进度以卡片形式集中呈现在同一块画布上;Agent 通过 CLI、MCP 与浏览器操作这些系统;用户在画布上统一查看、比较与决策

现状:本地版已提供 MCP 服务端,Claude Code、Codex 等 Agent 可读取 Nodesign 的运行状态。

规划中的结构:CLI Agent、MCP 服务与在线平台通过画布汇合,用户在画布上集中查看与决策
FIG. 08 · 规划中的结构示意。各系统的任务、文件与进度集中呈现在同一块画布上。
07

已发布的作品

以下站点均使用 Nodesign 制作并发布,可通过公开链接访问。

产品现状

公开测试中。以下数据截至 2026 年 9 月 12 日,来自代码仓库与生产数据库,不含内部账号,每日自动更新。

60件专用工具
1,251次提交 · 自 04-29
2,600 余个测试用例
145位注册用户
版本状态

界面语言:中文。桌面版:Windows 已验证,macOS 尚未验证。移动端:支持查看与对话,编辑建议在桌面完成。

线上版本设有每日额度,适合体验。长期使用建议安装桌面版并配置自有密钥(BYOK),或通过 npx @xiaobuyu/nodesign 本地部署。

开始第一个项目

在画布上描述需求,Agent 在同一块画布上完成制作。