AI可视化协作工具开源!一边画草图一边让AI帮你出图,Codex终于能看懂涂鸦了

● tldraw无限画布内置到Codex：在Codex里说一句话，自动启动本地无限画布服务，在画布上随手涂鸦、标注、组织想法，画布数据保存在项目canvas/目录下，重启对话不丢内容。

● 画布里创建AI图片占位符直接出图：在画布上拖出一个AI image holder，选中它告诉Codex要什么样的图，AI按占位符比例生成图片填进去，不用再描述尺寸格式，图片自动出现在你画的位置。

● 截图标注丢给AI自动生成干净新图：在画布里对任何图片做箭头标注、画圈标记，然后把标注截图发给Codex，AI读取标注内容生成去掉标注痕迹的干净新图，原图标注和结果图并排展示。

● UI设计快速迭代不用切工具：在画布上放一张设计稿，截图丢给Codex说"把这个按钮换成蓝色圆角"，AI直接生成改好的版本，对比原图看效果，不满意继续标注继续改，直到出满意的设计稿。

● 架构图和流程图可视化协作：在无限画布上画系统架构草图、流程图节点，Codex能读取画布内容理解你的架构意图，用文字补充说明后AI自动生成规范的架构图，比在白板画了再描述给AI理解准确得多。

● 产品原型标注和视觉反馈：产品经理在原型截图上标注修改意见，截图发给Codex，AI理解标注意图生成改好的新图，设计师和产品经理沟通需求不需要来回传文件改稿，标注即需求。

● 画布数据默认存在项目目录本地持久化：canvas/pages/目录下保存所有画布页面JSON和图片资源，纳入Git版本控制，团队成员协作时可以共享画布状态，不用担心画布数据丢失或孤立。

● 基于tldraw成熟方案稳定可靠：底层使用业界成熟的tldraw无限画布，支持无限画布缩放、无限节点、自由绘制，代码量小维护成本低，技术栈轻量适合快速集成。

● MCP工具链打通AI与视觉的最后一环：Codex通过MCP协议读取画布选择状态、插入图片、保存资源，画布和AI之间的数据流通是无缝的，开发者也可以基于MCP扩展更多画布交互能力。

● AI图片生成与画布占位符精确绑定：传统AI生图需要指定尺寸比例，Cowart用画布上的占位符框定图片位置和比例，生成结果直接填入对应区域，看得见摸得着，迭代效率大幅提升。

● 标注驱动图片修订工作流：不是重新生成，是在原图基础上按标注修改，AI读取箭头、圆圈、文字等视觉标注理解修改意图，比文字描述"把左上角那个按钮往右移"精确得多。

● 本地网页服务架构轻量易扩展：画布运行在本地HTTP服务（默认43217端口），数据默认存项目目录，开发者可以快速fork定制，支持自定义画布工具和插件扩展。