朋友推荐了这个工具,我抱着试试的心态用了两天,说实话免费版够大部分人用了,具体看场景。
Excalidraw是我目前见过最不费劲的架构图工具,手绘风格,打开网页就能画,不用注册。
上个月帮朋友梳理一个小程序的技术方案,本来想在纸上画,结果改了四版就乱成一团。换成Excalidraw之后,从打开到出图花了不到20分钟,中间还改了两轮结构。具体怎么上手,我按自己踩过的顺序说。
第一步,直接搜excalidraw.com进网页版,不用登录。左边工具栏默认就是矩形、箭头、文字三件套,够用了。先拖一个矩形出来,双击就能打字,输入“前端”两个字,字号会自动适配框的大小。这里有个细节:框太小字会溢出,手动拉一下边框就行,我头两次没注意,字直接跑到框外面去了。
第二步,画连接线。选中箭头工具,从第一个框的边上拖到第二个框,它会自动吸附到边框中点,不用你手动对齐。想画折线就按住Alt再拖,拐点会固定成直角。我试了3次才习惯这个操作,前两次画出来的线是斜的,看着特别扭。
第三步,调样式。选中任意元素,左边会弹出属性面板,能把填充改成透明、线条改成虚线、颜色换成低饱和的蓝灰。做架构图建议把填充全关掉,只留描边,不然一堆色块堆在一起,自己都看不清层级。我一般只用三种颜色:主服务用蓝色、数据库用绿色、外部依赖用灰色。

第四步,导出。右上角菜单点“导出图片”,选PNG,勾上“透明背景”,分辨率默认2倍就够清晰。如果要嵌到文档里,直接复制画布内容粘贴也行,格式是自带的.excalidraw,对方打开还能继续改。
说几个真实感受。优点是手绘风格自带“草图感”,给非技术同事讲方案时压力小,不会让人觉得“你都画这么正式了肯定不能改”;文件是JSON格式,扔进Git能版本管理,团队协作时谁改了哪根线一目了然;免费版没有水印,导出也不限次数。不足也有:元素多了之后拖动会有点卡,我画到40多个节点时明显感觉延迟;另外它没有自动布局功能,改一个模块位置,相连的线得手动重新拉,图大了挺烦。
适合人群很明确:需要快速画流程图、架构图、思维导图的产品经理和开发,尤其是那种“画完就要发给别人看、对方可能还要改”的场景。不适合画精细的UI稿或者带大量数据的图表。
新手避坑就一条:别一上来就追求好看。先把框和线摆对位置,逻辑通了再统一调颜色和线型,顺序反了会反复返工。我第一张图就是边画边调样式,结果结构改了一次,之前调的样式全白费。
(刚试的时候差点没找着入口,藏得有点深)
常见问题FAQ

Q:这玩意儿要收费吗?
A:网页版完全免费,不登录也能用。有个Excalidraw+是付费的,多了团队协作和云端存储,个人用不上。
Q:新手能直接上手不?
A:能,工具栏就那几个按钮,我朋友完全没画过图,看我操作了一遍自己就上手了。唯一要练的是连接线的吸附,画几张就熟了。
科大讯飞AI智能鼠标AM50pro 无线蓝牙鼠标 人体工学办
小提示:如果你也想搭建自己的 AI 网站或跑 AI 应用,腾讯云新用户有云服务器特惠,轻量服务器性价比很高,可以点这里看看优惠。