无限画布
画布不会画满。想到哪画到哪,缩到 10% 也能一眼看全整张图。
这几件事,都在同一张画布上完成。
单机运行,内容只存在你自己的电脑里,不做网络储存和交互。
不注册、不选模板,这一下点开就是画布。
基础图形
草图、正式流程图、界面原型和脑图,用的是同一套工具和同一张纸。想法在哪一层,就在哪一层画,不用先决定这是什么类型的文件。
画布不会画满。想到哪画到哪,缩到 10% 也能一眼看全整张图。
选好形状就开始连,连线自己找路径。布局乱了一键重排,不用手动对齐每一根线。
导航栏、表单、卡片、弹窗都是现成组件,拖出来就是一屏可讲的原型。
十二种布局、八套配色,拖动一个节点整棵树自动重排。折叠、批注、边界和关联线都在。
行列和职责带自己保持对齐,加一行不会把整张图挤歪。
草稿的语气让人愿意提意见。要交付时,一个开关换成规整线条。
导入与转换
文档里的 Mermaid、仓库里的 PlantUML、draw.io 和 Visio 的存档、别处导出的脑图,拖进来就变成画布元素。
graph LR A[接单] --> B{库存充足?} B -->|是| C[出库] B -->|否| D[补货]
右边这些是元素,不是图片——可以拖走一个节点、改一句文案、换一种配色,再接着往下画。
变成可编辑元素
节点、连线、配色都还原成画布元素,接着改。PlantUML 引擎跑在你的浏览器里,源码不发往任何渲染服务器。
原件摊开阅读
不转格式、不丢原件,拖进来就能在画布上翻页读。
变成高亮代码块
高亮跟着语言走,网页代码还能当场渲染出来看。
接不住的也告诉你怎么办:旧版二进制 .vsd 会提示先在 Visio 里另存为 .vsdx;Axure .rp 能识别出来,并给你「导出 SVG 再导入」这条路。
文档与代码
把 PDF、合同、报表或一段代码拖进来,它们不是待下载的附件,而是能在画布上直接翻页、直接读的一块内容。
语法高亮跟着语言走。写的是网页代码,画布上立刻能看到渲染出来的样子。
逐页翻,也能一次铺开对照。原始文件始终留在这块元素里,随画布一起分享。
图片处理
截图贴进来往往还要再修一刀。裁掉多余的、遮住敏感的、把几张拼成一张,都在画布上完成,不用来回切图片工具。
大画布性能
画布用久了会变重,这是所有白板的真问题。我们把它当成会失败的测试来管:每次改动都在真实浏览器里跑一万个元素的拖拽和缩放,指标退了就不许发版。
| 场景 | 实测 | 含义 |
|---|---|---|
| 一万元素同屏拖拽 | 9.5 ms | 帧耗时 p95。60fps 的预算是 16.7 ms,还剩一半余量。 |
| 拖拽中的掉帧 | 0.23 % | 超出 60fps 预算的帧占比,一千帧里约两帧。 |
| 缩放到 10% | 5 ms | 从滚轮输入到画面响应,p95。 |
| 二十张 4K 图 | ↓ 70 % | 分级预览相比全尺寸解码省下的开销,缓存控制在 192 MiB 内。 |
测量条件:Chromium 150、Apple M1 Max,真实 Canvas2D 渲染路径,10,000 个全部位于首屏的元素,帧间隔取自 performance.now() 壁钟。基准脚本和历史结果都在开源仓库里。
横向对照
1NX 构建在 Excalidraw 之上,这一点不藏。下面只列我们真正往前走了的地方;对方也做得到的,照实写。
| 维度 | 1NX | Excalidraw | draw.io |
|---|---|---|---|
| 上手第一步 | 打开就是画布。不注册、不选存储、不挑模板 | 同样打开即画 | 先选存储位置、文件名和模板,过三个弹窗才见到画布 |
| 数据去向 | 单机运行,内容只存在你自己的电脑里 | 同样本地优先 | 本地或云存储,首次要自己选对 |
| 思维导图 | 原生。十二种布局,拖一个节点整树重排,XMind 还原到配色 | 没有原生脑图,逐个框手动画 | 树形布局,节点位置手动维护 |
| 文档原件 | PDF、Word、PPT、Excel 摊在画布上翻页读 | 只能贴成图片,原件另存 | 只能贴图片或链接,原件另存 |
| 代码块 | 30+ 语言语法高亮,网页代码即时渲染 | 纯文本框 | 纯文本框 |
| 图片处理 | 裁剪、切片、马赛克、拼图 | 只有裁剪 | 基本没有 |
| 文件互通 | 读 draw.io、Visio、XMind、Mermaid、PlantUML | Mermaid 能转;draw.io 和脑图读不了 | 读 Visio;脑图读不了 |
| 性能口径 | 万元素基准公开,指标退了不发版 | 没有公开基准 | 没有公开基准 |