不花钱替代Miro？我用30天做了个AI白板

30天，0元预算，一个人，能不能做出一个带AI的协作白板？

听起来像程序员的睡前幻想，但Scrawl.ai真的跑起来了。没有投资人，没有设计团队，甚至没花一分钱——直接上线，免费开放，摆明了是要跟那些臃肿又贵得离谱的“生产力套件”正面叫板。

我自己就是每天画架构图、随手拖流程图的开发者。市面上的工具要么功能堆得密密麻麻，启动一次先吃掉半个G的内存；要么基础AI集成都敢按月收几百块的订阅费。受不了这种账单和卡顿，索性自己动手，按理想中的样子从头搭一个：极轻、极快、AI长在画布里，而且对所有系统师、学生、程序员彻底免费。

第一件事：把技术栈压到最利落

Scrawl.ai不是那种“什么框架火就往上堆”的项目。整个结构要够模块化，还不能背性能债。前端直接用React + TypeScript + Tailwind CSS，交互爽快，状态清清爽爽。真正花心思的是画布引擎——完全自己定制打磨的轻量Canvas底层，没有接任何第三方白板库。为什么自研？就是为了控制每一帧渲染，确保框线、箭头、文本摆放都保留一份开发者的干净审美，而不是那种“企业软件味”的笨重款式。

后端包装层用Node.js + Express，不直接暴露任何AI或数据库的凭证。它扮演的角色更像一个严厉的中间人：所有请求都要先过它一关，验证、清洗、限流之后才放行。AI引擎方面同时接入了Google Gemini API和OpenAI，核心用的是结构化JSON模式——不是让模型随口胡说一串文字，而是强制它生成可以直接映射成画布元素的JSON结构。数据库和鉴权跑在Supabase的PostgreSQL上，注册、数据持久化、跨设备云端同步全链路打通，一行SQL都不用自己写。

真正让人头疼的：把AI输出变成不崩坏的画布

不要被“AI自动画图”这句话骗了，最难的绝对不是让大模型描述系统架构，而是让它吐出准确、无损坏的Canvas JSON。

试过原生输出的都知道，大模型经常一个花括号漏掉、坐标偏移就整个流程图塌成一片乱码。解决方案是三层防线：首先，提示词工程要极尽刻薄，把输出格式约束到几乎没自由发挥的余地；第二，强制启用结构化JSON模式，从模型侧就堵死乱说话的可能；第三，Node.js后端在接到AI输出后，会先做一遍完整的结构性校验，确认每个节点、每条连线、每组颜色值都在合法的范围内，才把内容流式推到前端。用户看到的就是一个提示词打进去——比如“设计一套基于AWS的电商后端架构”——然后框、箭头、分层立刻在画布上自动排开，中间没有等待旋转的尴尬。

隐私上的死磕：绝不让你裸奔画图

画你自己公司的内部架构，或者还在保密期的系统流程图，最怕什么？怕API密钥从客户端侧漏出去，怕请求日志里留下一堆敏感提示词。

Scrawl.ai的设计原则是：客户端一行密钥都别想碰。所有跟AI、数据库的通信全部走前面提到的Node.js安全代理，外加激进的速率限制（express-rate-limit直接堵死API滥用和常见的DDoS攻击模式）。这意味着你这边打字出图，那边即使有人抓包也看不到任何有价值的东西；代理层把所有请求都做了隔离和认证，只把安全的响应递回来。对那些画着画着就要切到公司内网环境的架构师来说，这一层是功能，不是噱头。

云同步是必选项，不是可选项

很多人对“强制注册”过敏，但在白板工具这里，不把账号系统做扎实就是耍流氓。一张复杂的系统设计图可能画上好几个小时，万一浏览器崩溃、换台电脑就找不回来，谁受得了？

所以Scrawl.ai把注册做成了一条底线式步骤——极简，但不可跳过。一旦登录，所有画布状态、用户配置、自定义工作区直接挂载到Supabase PostgreSQL实例上，每一次拖动、每一条AI生成的修改都会即时写进云库。换设备后打开就是最新的版本，历史记录稳妥，就算闭着眼睛重启电脑，数据也一块都不会丢。

几个让开发者和学生都“上头”的功能

AI文生图
不是那种“给出一个方块、补点文字”的敷衍版，而是你只需用自然语言描述工作流或架构，AI就直接负责布局、框体、箭头走向。整个交互像是跟一个懂架构设计的助手说话，你说“在这层加上缓存策略”，它就在图里补上Redis节点和流向箭头。

分组色板
很多白板一开暗色模式就绿字浮在紫底上，根本没法看。Scrawl.ai内置了多套精心调校的配色方案，专门针对亮/暗双模下的可读性优化，一键切换，架构图的层级感和逻辑关系不会被颜色吃掉。

持久自定义侧边栏
工具、集成AI对话、个人看板管理都不用开新窗口，一个固定的侧边栏全兜住。不像某些工具侧边栏一关就忘了怎么呼出来，Scrawl.ai把界面控件的记忆写入云端，你定制的布局永远保持，换个设备也跟原来一模一样。

这整套东西没有藏着掖着的付费墙，也没有拿基础功能钓用户的套路。它就是一个程序员对现有白板生态的一次暴力吐槽——肥的、慢的、贵的，统统甩开，用30天零预算证明：一款开发者用起来痛快的AI白板，本来就不该那么重，也不该那么贵。