Draft是一款面向设计师、产品经理和开发者协作的轻量级原型设计与线框图工具，专注于快速构建交互式界面原型，支持实时协同时编辑、版本历史追溯及一键分享预览链接，不依赖复杂安装，主要以Web应用形式提供服务（亦有桌面端Electron封装版本），由Figma前团队成员创立，强调简洁工作流与开发者友好导出能力。

Draft特色

1. 基于浏览器的零配置启动，无需下载安装即可开始设计；
2. 原生支持组件库复用与自动布局（Auto Layout）约束系统；
3. 内置响应式画布，可同步预览移动端/桌面端视图切换；
4. 支持将设计稿直接导出为React/Vue代码片段（需启用开发者模式）；
5. 本地优先存储策略，所有文件默认保存在用户设备（IndexedDB），离线可用。

Draft亮点

1. 极简UI界面，无菜单栏干扰，核心操作通过快捷键（如K键呼出命令面板）驱动；
2. 实时多人协作延迟低于300ms，支持光标追踪与变更高亮；
3. 版本历史按时间轴自动快照，支持任意节点回滚与差异对比；
4. 内置基础图标库（Material Icons + Feather Icons）与常用UI控件（按钮、表单、卡片等）；
5. 提供公开API，允许第三方工具通过OAuth接入进行设计资产同步与自动化测试集成。

Draft玩法

1. 使用“画布拖拽+快捷键”快速搭建线框图，例如按D键插入矩形、T键添加文本；
2. 选中多个元素后按Ctrl+G（Cmd+G）创建组，并通过右键菜单设置嵌套滚动容器；
3. 在属性面板中为按钮添加“点击跳转”交互，链接至同项目内其他页面或外部URL；
4. 点击右上角“Share”生成只读预览链接，可设置密码保护与过期时间；
5. 开启“Developer Mode”后，在检查器中点击“Export Code”获取带语义化class名的HTML/CSS代码。

Draft点评

作为一款聚焦MVP（最小可行产品）验证场景的设计工具，Draft舍弃了高保真渲染与复杂动效功能，换来了更敏捷的协作节奏与更低的学习门槛。其本地优先架构保障数据主权，适合对隐私敏感的中小型团队；但缺乏插件生态与高级矢量编辑能力，不适用于品牌视觉设计或动画制作类深度需求。对于追求“画完即联调”的产研协同流程而言，Draft提供了当前市场中少见的精准定位与稳定交付体验。