Tldraw怎么用 在线AI白板绘图工具教程

Tldraw是一个开源的在线白板绘图工具，支持AI辅助绘图和多人协作，设计师和产品经理常用。打开浏览器进入 tldraw.com，就能在画布上画流程图、做产品草图或整理会议想法。下面按实际操作顺序来，从新建画布到分享导出，一步步跟着点就行。

第一步：打开白板并熟悉画布

在浏览器地址栏输入 tldraw.com，进入页面后即可看到一张空白画布。画布没有固定边界，按住鼠标右键拖动，或按住空格再拖动，可以移动视野；滚动鼠标滚轮可缩放。先试着拖动几下，找准画布位置，后续内容就能自由摆放。

第二步：用工具栏添加内容

看画布边缘的工具栏，点击手绘、形状、文字或箭头工具，再到画布上点按、拖动创建内容。比如画流程图，先选矩形框拖出节点，再选文字工具输入名称，最后用箭头连接。完成后按 Esc 可退出当前工具，点击对象可重新选中并移动。

第三步：调整对象样式和位置

点选画布中的形状或文字后，可拖动边缘控制点调整大小，也能拖动对象本身改变位置。需要改颜色、线条或填充时，查看选中对象后出现的样式面板并点选选项。按住 Shift 多选，或拖出选择框圈住多个对象，便于一起移动和整理。

第四步：用快捷操作提高效率

选中对象后按 Ctrl+C、Ctrl+V（Mac 使用 Command 键）复制粘贴，按 Delete 删除；操作错了按 Ctrl+Z 撤销，按 Ctrl+Shift+Z 重做。想快速选择全部内容，可用 Ctrl+A。把相关节点先摆成一组，再复制整组改字，适合快速制作页面草图或不同方案。

第五步：尝试AI辅助绘图

需要AI生成图示时，先查看当前页面是否提供AI入口；不同版本或集成站点的按钮位置、可用功能可能不同。若有提示输入框，写清楚主题、节点关系和输出形式，例如“画一个用户注册流程，包含提交、校验、成功和失败分支”，再点击生成。生成后检查文字与连线，手动修正不准确处。

第六步：整理白板方便讲解

把主题放在画布中央，相关步骤按阅读顺序排开，尽量让连接箭头少交叉。选中容易混淆的部分，使用不同颜色区分用户操作、系统处理和异常情况；再用文字工具补充说明。画布内容较多时，滚轮缩小查看整体，必要时把关键区域移到视野中心。

第七步：邀请他人一起协作

如果当前白板页面提供分享或协作按钮，点击后按界面提示复制链接并发给同事。对方打开同一链接后即可查看或参与编辑，具体权限以页面提供的设置为准。开会时可以约定每个人用一种颜色添加便签或标注，讨论结束后再统一整理，减少内容互相覆盖。

第八步：保存与导出成果

完成后先检查页面是否显示自动保存状态；若提供文件菜单，打开后选择导出或下载，再按需求选图片等格式。导出前把视野缩放到能完整呈现重点内容的范围，避免边缘被裁切。若要继续编辑，保留原白板链接；发给外部人员时，可另导出一份便于直接查看的图片。

第九步：用国内工具补充工作流

如果希望用更熟悉的中文界面制作原型或借助AI整理设计需求，可以试试墨刀AI。打开墨刀AI，按页面提示输入需求并生成内容，再检查结构、文案与交互是否符合项目实际。润灭也可以将白板流程整理成清晰的产品需求草图，方便团队继续评审。