CodePic 是什么？
CodePic 是一款运行在浏览器里的手绘风格无限白板。你可以打开空白画布，用图形和自由画笔记录想法，用箭头连接节点，也可以从流程图、ER 图、线框图、时间线和规划模板开始。
指南与资源
实用指南，帮你画出更好的图
无限缩放
平移缩放无限制。
吸附对齐
参考线与对齐辅助。
自然连接
箭头智能路由。
手绘风格
随性有机的视觉效果。
快捷键
⌘K 和 ? 为高级用户准备。
导出分享
PNG、SVG 与链接。
为你的思维方式而生
头脑风暴与自由思考
在无界画布上用便签、图形和自由笔触自由捕捉灵感。不需要任何结构，把想法可视化地「想出来」。
系统架构图
快速草绘微服务架构、API 流程和基础设施图。非常适合技术讨论和文档沉淀。
线框图与原型
快速起草 UI 布局和页面流程。手绘风格让注意力聚焦在结构上，而非像素细节。
流程图与示意图
用图形、连接器和手绘风格轻松绘制流程、决策树和系统流程图，无需设计功底。
为什么选择 CodePic
即开即用
无需注册，打开编辑器即可开始绘制，零门槛。
手绘质感
随性有机的视觉风格，让图表更亲切，让早期创意保持草图的自然感。
开发者友好
快捷键、吸附对齐、智能连接器 — 为注重效率的人打造。
AI 原生
连接 Cursor、Claude 等支持 MCP 的 AI 工具，用自然语言创建和编辑图表。
快速了解 CodePic
关于 CodePic 的常见问题
CodePic 是一款用于视觉思考的在线无限白板。它把快速草图、流程图、线框图、系统架构图、便签和 AI 生成草稿都保留在同一块可编辑画布上。
CodePic 可以用来做什么？
CodePic 适合做视觉笔记、头脑风暴、产品规划、系统架构图、流程图、实体关系图、线框图、时间线和轻量文档。同一块画布可以混合便签、文字、图形、连接线、手绘笔触和模板。
CodePic 和传统图表工具有什么不同？
传统图表工具通常从固定图表类型开始，编辑过程比较受结构限制。CodePic 从开放白板开始：图表只是画布上的内容，而不是产品边界。这样更容易从混乱想法过渡到结构化图表，中途不需要切换工具。
CodePic 如何配合 AI 工具使用？
CodePic 支持结构化图表数据和 MCP 服务，因此 AI 编程助手可以生成可编辑图表，而不是静态图片。你可以让 AI 先创建草稿，再在 CodePic 中继续调整布局、文字、颜色和连接线。
提示：按 ⌘K 打开命令面板