绘制界面原型并将其存储在 Jira 问题中
对于网站、软件或移动应用程序的开发者和设计师来说，快速绘制用户界面原型图至关重要。设计师和软件工程师可以使用我们 draw.io 应用或在线编辑器中的原型图形状库进行协作绘制。
将图表添加到 Jira 问题中
使用 draw.io 应用的 Jira Cloud 版本，您可以将图表文件直接附加到正在讨论的问题中。
这样可以避免在文件移动或重命名时出现链接失效的问题，以及协作团队成员没有访问外部设计软件的权限时出现的问题。
点击右上角的“操作”菜单，然后选择“添加 draw.io 图表”以打开 draw.io 编辑器。
创建一个新的空白图表，或者从模板开始。
完成图表后，点击“保存”并输入附件文件名。图表将作为附件添加到问题中。
点击问题描述上方的draw.io按钮，即可显示/隐藏draw.io 图表部分，并查看所附图表的缩略图。
将鼠标悬停在本期内容的图表上，即可执行以下操作。
编辑附图：点击铅笔图标。
查看附图：点击全屏图标，在图表查看器中打开。
删除附加的图表：点击删除图标删除图表。
在 draw.io 中创建一个模型
在图表编辑器中，单击“更多形状”以查看各种形状库。
打开一个模型形状库
软件部分提供了多个包含适用于各种平台（Android、Atlassian、Bootstrap、iOS 和 Mockups）的 UI 组件库。其他部分中的Material Design、Web 图标和标识也可能对您有所帮助。
要查找更多适合用户界面模型形状的图形，请在“搜索形状”文本框中输入您想要使用的 UI 组件类型，然后按Enter。
例如，搜索“toggle有很多不同款式的拨动开关”。
提示：有些公司提供自己的自定义形状库用于界面设计。了解如何从网上打开和使用自定义形状库。
绘制你的模型图
将库中的形状拖放到绘图画布上，调整它们的大小和旋转它们，就像在 draw.io 中绘制任何其他类型的图表一样。
使用以下技巧可以更轻松地绘制模型。
将鼠标悬停在形状库中的任何形状上，即可查看更大的预览图。
在格式面板的“排列”选项卡上使用Z 轴顺序（向前/向后）按钮，可以将形状移动到其他形状的前面或后面。
按住鼠标左键
Alt，将形状拖放到容器形状上，使两个形状重叠，而不是将形状添加到容器中。如果要使用渐变填充，请在模型中使用非常细的矩形作为分隔线。
或者，您也可以使用两端不带箭头的普通连接符作为页面内的分隔符。按住
Alt连接符末端并向下移动，即可防止其连接到形状上。按住
Shift末端，将其变成光标下目标形状上的固定连接器。在绘图画布上移动模型时，使用容器形状可以保持模型整洁。
示例模型
点击下方模型图即可在图表查看器中打开。
这个用于切换 Web 服务中软件功能的 Web 界面示例，使用了Mockups形状库中的形状，以及General形状库中的矩形、文本和连接器，此外还使用了一些通过形状搜索找到的图标。
这个展示 iOS 应用多个屏幕的模拟示例可以在我们GitHub 上的示例图表库中找到。它使用了 iOS 形状库中的形状。
线框图通常用于显示网页或应用程序上各个区域的相对大小，并且可以使用 draw.io 轻松创建 - 模板库和我们在 GitHub 上的示例图表存储库中提供了许多模板。
嵌入来自 Confluence Cloud 的模型
如果您正在使用Confluence Cloud 中的 draw.io协作设计用户界面，请不要将模型图文件复制到 Jira 问题中，而是直接从您的 Confluence Cloud 实例中嵌入它。
由于图表文件存储在 Confluence 上，并且仅嵌入到 Jira 问题中，因此该问题将反映您在 Confluence 实例中对原始模型所做的任何更改 - 您无需在多个地方更新图表。
在 Jira 问题的 draw.io 图表部分，选择“嵌入图表”。
选择 Confluence 选项卡，如有必要，请授权访问您的 Confluence 实例。
在 Confluence 中搜索您的图表文件名，选择其中一个搜索结果并查看预览。点击右上角的勾号即可将其嵌入到您的 Jira 问题中。
在 Confluence Cloud 中了解更多关于 draw.io 的信息
使用 draw.io 在许多其他平台上进行协作
如果您使用云存储来保存文件，则可以从Google Drive和Microsoft OneDrive将 draw.io 模型和图表嵌入到 Jira Cloud 问题中。
如果您的开发人员使用 GitHub 或 GitLab 来存储项目文档，请使用draw.io 的非官方扩展程序，直接从 VSCode 或VSCode Web 编辑器中编辑图表文件。
如果您正在使用 Atlassian 的轻量级计划和跟踪系统，那么我们的Trello PowerUp将非常有用。
如果您使用我们的Notion Chrome 扩展程序，并且您的设计师和开发人员在该平台上协作，您可以直接在 Notion 页面中创建和存储模型和图表。