1NX

一张纸,
装下整件事

  1. 画草稿
  2. 导旧图
  3. 摊资料
  4. 贴代码
  5. 出方案

这几件事,都在同一张画布上完成。

单机运行,内容只存在你自己的电脑里,不做网络储存和交互。

不注册、不选模板,这一下点开就是画布。

基础图形

先把东西画出来

草图、正式流程图、界面原型和脑图,用的是同一套工具和同一张纸。想法在哪一层,就在哪一层画,不用先决定这是什么类型的文件。

无限画布

画布不会画满。想到哪画到哪,缩到 10% 也能一眼看全整张图。

流程图

选好形状就开始连,连线自己找路径。布局乱了一键重排,不用手动对齐每一根线。

线框原型

导航栏、表单、卡片、弹窗都是现成组件,拖出来就是一屏可讲的原型。

思维导图

十二种布局、八套配色,拖动一个节点整棵树自动重排。折叠、批注、边界和关联线都在。

表格与泳道

行列和职责带自己保持对齐,加一行不会把整张图挤歪。

手绘风格

草稿的语气让人愿意提意见。要交付时,一个开关换成规整线条。

导入与转换

已经写好的,不用重画

文档里的 Mermaid、仓库里的 PlantUML、draw.io 和 Visio 的存档、别处导出的脑图,拖进来就变成画布元素。

graph LR
  A[接单] --> B{库存充足?}
  B -->|| C[出库]
  B -->|| D[补货]
接单 库存充足? 补货 出库

右边这些是元素,不是图片——可以拖走一个节点、改一句文案、换一种配色,再接着往下画。

变成可编辑元素

  • Mermaid
  • PlantUML
  • Markdown
  • XMind.xmind
  • OPML.opml
  • draw.io.drawio ·.dio ·.xml
  • Visio.vsdx ·.vsdm ·.vdx
  • Excalidraw.excalidraw

节点、连线、配色都还原成画布元素,接着改。PlantUML 引擎跑在你的浏览器里,源码不发往任何渲染服务器。

原件摊开阅读

  • .pdf
  • .docx
  • .pptx
  • .xlsx
  • .md
  • .txt

不转格式、不丢原件,拖进来就能在画布上翻页读。

变成高亮代码块

  • .ts
  • .py
  • .go
  • .rs
  • .java
  • .cpp
  • .swift
  • .vue
  • .html
  • .css
  • …共 30+ 种语言

高亮跟着语言走,网页代码还能当场渲染出来看。

接不住的也告诉你怎么办:旧版二进制 .vsd 会提示先在 Visio 里另存为 .vsdx;Axure .rp 能识别出来,并给你「导出 SVG 再导入」这条路。

文档与代码

原件就摊在画布上

把 PDF、合同、报表或一段代码拖进来,它们不是待下载的附件,而是能在画布上直接翻页、直接读的一块内容。

代码块

语法高亮跟着语言走。写的是网页代码,画布上立刻能看到渲染出来的样子。

// order.ts export const settle = (order: Order) => { if (!order.paid) return "待支付"; return ship(order); };

文档预览

逐页翻,也能一次铺开对照。原始文件始终留在这块元素里,随画布一起分享。

图片处理

图片是素材,不是附件

截图贴进来往往还要再修一刀。裁掉多余的、遮住敏感的、把几张拼成一张,都在画布上完成,不用来回切图片工具。

裁剪 拖边框定构图,原图随时能还原。
切片 长图一刀切成几段,分开摆、分开讲。
马赛克与抠除 遮掉姓名和金额,或直接擦掉一块背景。
拼图 几张图按版式合成一张,边距自动对齐。

大画布性能

画满了也不该卡

画布用久了会变重,这是所有白板的真问题。我们把它当成会失败的测试来管:每次改动都在真实浏览器里跑一万个元素的拖拽和缩放,指标退了就不许发版。

下面是最近一次通过的基准结果,不是宣传口径。
场景 实测 含义
一万元素同屏拖拽 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() 壁钟。基准脚本和历史结果都在开源仓库里。

横向对照

我们从 Excalidraw 出发

1NX 构建在 Excalidraw 之上,这一点不藏。下面只列我们真正往前走了的地方;对方也做得到的,照实写。

对照基于三个产品 2026 年年中的公开版本。哪天这张表过时了,我们改表,不改口径。
维度 1NX Excalidraw draw.io
上手第一步 打开就是画布。不注册、不选存储、不挑模板 同样打开即画 先选存储位置、文件名和模板,过三个弹窗才见到画布
数据去向 单机运行,内容只存在你自己的电脑里 同样本地优先 本地或云存储,首次要自己选对
思维导图 原生。十二种布局,拖一个节点整树重排,XMind 还原到配色 没有原生脑图,逐个框手动画 树形布局,节点位置手动维护
文档原件 PDF、Word、PPT、Excel 摊在画布上翻页读 只能贴成图片,原件另存 只能贴图片或链接,原件另存
代码块 30+ 语言语法高亮,网页代码即时渲染 纯文本框 纯文本框
图片处理 裁剪、切片、马赛克、拼图 只有裁剪 基本没有
文件互通 读 draw.io、Visio、XMind、Mermaid、PlantUML Mermaid 能转;draw.io 和脑图读不了 读 Visio;脑图读不了
性能口径 万元素基准公开,指标退了不发版 没有公开基准 没有公开基准

下一张图,从这里开始

不注册、不选模板,这一步之后就是画布。