说一句话画出会动的流程图，还能直接导出贴进 PPT

它画出来的是什么

SeeCode 的做法很简单：你描述，它画。画出来的东西是一个单独的网页文件，双击就能在浏览器里打开，发给别人也照样能用。

先看两张作者自己放出来的中文例子。一张是租房时租客、中介、房东之间的来回沟通，从约看房一直到交钥匙：

另一张是一份求职申请走到哪一步了，哪条是顺利的路，哪里会被刷掉，一目了然：

这两张有个细节值得留意：中文标签会自动在字与字之间换行，不会挤成一团或者冒出框外。很多国外画图工具对中文不太友好，这一点它是专门照顾过的。

45 种图，大部分跟写代码无关

名字里带个 Code，例子也偏技术方案，容易让人以为这是程序员专用。其实它支持的 45 种图里，一大半是咱们日常工作就用得上的：

• 讲流程的：流程图、泳道图（谁负责哪一步）、分步骤的流程图；
• 讲时间的：时间线、甘特图（项目排期）、看板；
• 讲结构的：组织架构图、树状图、金字塔和漏斗；
• 讲分析的：鱼骨图（找原因）、维恩图、四象限；
• 还有柱状图、折线图、桑基图这些数据图表。

比如项目排期，它画出来是这样的，哪段做完了、哪段正在做、今天在哪儿，都标得清清楚楚：

做部门周会汇报、给新人讲工作流程、跟领导讲清楚一个项目卡在哪里，这几种图基本够用了。以前不画是因为画起来太费劲，现在说句话就有了。

会动，是它跟普通图片最大的不同

打开那个网页文件，你能这么玩：

鼠标指到一个框上，跟它相连的线会亮起来，别的部分自动变淡；点一下某个框，镜头拉近，旁边弹出这个环节的说明；按键盘左右键，图会一步一步地搭出来，很适合开会时边讲边放。右上角还有一个深色模式的开关。

上面这张动图右上角那个 Export，就是导出菜单。PNG、JPEG、SVG、GIF、MP4 都能从网页里直接存，不用另外装软件。 作者给的建议是：放 PPT、Keynote 用 SVG 或 PNG；发群里、发朋友圈想让它动起来，用 GIF 或 MP4。SVG 的好处是放大不糊，投到大屏上也清楚。

图的右下角默认有一个很小的 SeeCode 标记，正式汇报不想要的话，跟 CodeX 说一句去掉就行。