draw.io中添加说明文字有五种方式:一、右键选图形→Add comment插入可折叠协作注释;二、拖拽Note/Comment形状直接标注;三、BPMN图中用Annotation组件绑定元素;四、用带文字的连接线跨元素说明;五、通过View→Comments启用团队批注面板。

如果您在draw.io中绘制图表时需要向特定元素添加说明性文字或反馈意见,则需使用注释(Comment)或批注(Annotation)功能。以下是实现该目标的多种方式:
一、使用右键菜单插入标准注释
draw.io内置的注释功能允许用户为任意图形添加可折叠的文本气泡,该注释会以小图标形式附着在元素旁,并支持多人协作时的讨论线程。
1、在画布上选中目标图形(如矩形、流程节点等)。
2、右键点击该图形,在弹出菜单中选择Add comment选项。
3、在右侧出现的评论面板中输入说明文字,例如“此处需对接支付网关API”。
4、点击面板右上角的勾选图标或按Enter键提交,注释图标将显示在图形右上角。
二、拖拽“注释”形状进行视觉标注
该方法适用于需要在图表中直接呈现可见文字框的场景,如UI原型中的交互说明或设计规范标记,不依赖协作系统,导出后仍可见。
1、在左侧形状栏中展开General或Annotations类别。
2、找到并拖拽Note(便笺)、Comment(对话框)或Text形状至画布指定位置。
3、双击该形状进入编辑模式,输入备注内容,例如“点击跳转至订单确认页”。
4、选中该形状,通过右侧格式面板调整字体大小、背景色(如设为浅黄色)及边框样式,增强可读性。
三、利用BPMN专用注释组件
若图表类型为BPMN流程图,可调用原生BPMN注释模块,其符号符合国际标准,且能与事件、网关等元素自动对齐绑定。
1、新建图表时选择BPMN 2.0模板,或在现有图表中点击菜单栏Arrange → Insert → BPMN Annotation。
2、从弹出的BPMN形状库中选取Annotation(带引线的文本框)并拖入画布。
3、将引线端点吸附至目标BPMN元素(如Task或Gateway),松开鼠标完成绑定。
4、在文本框内填写说明,例如“异常处理分支需增加超时重试逻辑”。
四、通过文本链接实现跨元素关联说明
当备注需同时指向多个图形或强调逻辑关系时,可采用带箭头的文本连接线,兼具标注与引导作用。
1、从左侧工具栏选择Arrow或Connector类线条工具。
2、按住Shift键绘制一条直线,起点吸附至源图形边缘,终点置于空白处。
3、双击线条中部,输入说明文字,如“数据流向:用户输入→加密模块→存储服务”。
4、选中该线条,在右侧格式面板中启用Text background并设为半透明白色,确保文字清晰可辨。
五、启用批注面板进行团队协作式备注
该方式适用于多人在线编辑场景,所有批注集中显示于右侧浮动面板,支持@提及、状态标记与历史追溯。
1、点击顶部菜单栏的View → Comments,唤出右侧批注侧边栏。
2、在画布任意空白处右键,选择Add comment,此时创建的是全局批注而非元素绑定型。
3、在输入框中撰写说明,并使用@用户名提及协作者(需已登录Google或GitHub账户)。
4、点击发送后,批注图标出现在画布左上角,悬停可查看完整内容与回复链。


















