暗色模式
原型工作区
进入原型文件
谁可以使用
企业版所有拥有「编辑席位」或「原型席位」的用户,可以使用原型文件。没有原型文件席位的用户,无法创建、编辑原型文件,但可查看历史原型文件并复制到设计文件中继续编辑。
创建原型文件
进入主页,点击原型文件按钮。
导入原型文件
- 在导入文件中,选择「Axure 导入」
- 在"导入至"中,选择目标位置
- 可以直接拖入文件,或点击"导入区域"根据提示操作完成导入
- 在弹窗中,选择「导入为-原型文件」,点击「确定」按钮
编辑器界面布局
| 区域 | 说明 |
|---|---|
| 工具栏 | 提供常用创作与协作工具:选择、容器、钢笔、文字、连接线、评论等 |
| 画布 | 无限延伸的画布,支持图层自由拖拽与调整,可更改背景颜色,切换标尺和多人光标的可见性 |
| 页面与图层 | 页面的添加、删除、重命名和搜索,图层的高效管理 |
| 资源库 | 内置基础资源、页面资源、图标、组件和智能填充,可直接拖拽至画布进行编辑 |
| 属性 | 查看和调整选中对象的位置、大小、填充、描边和特效等 |
| 交互 | 定义组件的触发条件与响应动作,配置交互动画效果 |
| 分享 | 一键生成文件链接,设置查看或编辑权限 |
| 导出 | 支持 PNG、JPG 和 PDF 导出 |
| 客服 | 在线客服入口,可浏览帮助中心、提交产品需求或查看快捷键 |
页面与图层
每个页面对应一个独立的画布,用于呈现特定业务场景的原型界面。页面中的所有设计元素均以图层形式呈现在图层栏中,按照层级顺序叠加。
点击左侧边栏的「页面」或「图层」按钮,可切换不同的管理视图。
页面管理
- 添加页面:点击「页面」后方的「+」号添加新页面
- 增加页面分类:选择指定页面,点击后方的「添加页面分类」图标新增分类,分类支持折叠
- 删除页面:右键点击页面名称,选择「删除页面」
- 页面重命名:双击页面名称进入编辑模式,或右键选择「重命名」
- 调整页面顺序:拖动页面名称调整顺序
- 分享页面:点击页面名称后选择「复制页面链接」
图层管理
| 操作 | macOS 快捷键 | Windows 快捷键 |
|---|---|---|
| 锁定/解锁图层 | Shift + Command + L | Shift + Control + L |
| 隐藏/显示图层 | Shift + Command + H | Shift + Control + H |
| 重命名图层 | Command + R | Control + R |
也可以通过以下方式操作:
- 锁定/解锁:点击图层名称后方的「锁定」按钮
- 隐藏/显示:点击图层名称后方的「隐藏」按钮
- 重命名:双击图层名称进入编辑模式,或右键选择「重命名」
- 调整图层顺序:拖动图层名称调整顺序,或右键选择「上移一层」「下移一层」「移到顶层」「移到底层」
资源库
资源库可以轻松调取原型设计的常用组件、图标和模板,并进行个性化编辑。
原型文件预装五个资源库:
| 资源库 | 说明 |
|---|---|
| 基础资源 | 原型设计常用的组件与工具,支持移动端和 PC 端切换 |
| 页面资源 | 不同行业常用的原型页面模板 |
| 图标 | 多种风格的图标资源,分为线性图标和实心图标 |
| 组件 | 支持直接使用设计师团队库或预置组件库 |
| 智能填充 | 文本和不同主题图片的自动填充 |
使用资源库
- 选择合适的资源,或通过搜索框输入资源名称快速定位
- 从资源库拖动资源到画布上
- 点击资源或在图层栏选中资源图层,直接进行编辑
- 在右侧属性栏中设置填充颜色、编辑字体或添加特效
基础资源
涵盖原型设计中常用的组件和基础工具,支持不同端快速切换:
- 移动端:适用于 APP、小程序、iOS 原生、Android 原生的资源
- PC 端:包含 Web 网站和 Web 后台的资源
资源种类包括:文本、图形、图片、卡片、图表、对话框、状态栏、导航栏等。
页面资源
内置不同行业常用的原型页面模板,包括完整的排版、符号和组件,支持自由调整与编辑:
- Web 网页:电商、社交、影音等类型
- APP 应用:电商、短视频、金融理财、社交、影音等
图标
收录多种风格的高质量图标资源,包含 Arrows、Business、Communication、Design 等常用主题。分为线性图标和实心图标,点击图标后方的「切换」按钮即可切换模式。
智能填充
- 文本填充:涵盖常用姓名、手机号码、日期、地址等格式
- 图片填充:多主题图片资源,适配不同场景需求
组件库
团队库
团队库用于集中管理和共享团队的样式、组件与变量。原型文件不支持发布团队库,但可以使用团队成员发布的团队库或预置组件库。
组件和实例
组件是可重复使用的设计元素,原型文件不支持创建组件,但可使用团队库中的组件或预置组件。实例是组件的精确副本,对组件的修改将自动同步到所有实例中。
订阅团队库
- 点击界面左侧资源栏的「组件」按钮
- 打开团队库弹窗(快捷键:macOS Option + Command + 4,Windows Alt + Ctrl + 4),或在「资源库-组件」中点击右上角的「团队库」图标
- 在团队库窗口中,进入「管理」页面,可订阅或取消团队库
- 在「此文件 - 预置组件库」中,开启目标组件库的订阅开关
- 在「我的团队」或「其他团队」中,开启目标组件库的订阅开关
在「资源库-组件」中,搜索或选择所需组件,拖拽至画布即可使用。
更新组件与解绑实例
使用团队库中的组件后,若组件有更新,文件中的团队库图标将显示更新提示。
- 指定更新:在团队库弹窗的「更新」页面,点击目标组件后方的「更新」按钮
- 全部更新:点击「全部更新」按钮,一键更新所有组件
若不希望指定实例更新,可解绑实例:
- 选择需要解绑的实例
- 在右侧属性栏,点击组件名称后方的「...」按钮
- 选择「解绑」(快捷键:macOS Option + Command + B,Windows Alt + Ctrl + B)
解绑后,该实例不再跟随组件更新。
偏好设置
在原型文件中,点击界面左上角的菜单按钮,选择「偏好设置」。
| 设置项 | 说明 |
|---|---|
| 微调 | 使用方向键精确移动对象,最小步长 0.1px。按 Shift + 方向键可实现更大步距调整,最小步长 1px |
| 容器穿透选中 | 启用后,可直接选中嵌套容器内的元素,无需逐层解组 |
| 移动测距 | 移动对象时,自动显示与周围元素的间距参考 |
| 新建图层层级 | 新增图层默认位于所选图层之上 |
| 撤回重做优化 | 撤销/重做操作包含对象选中状态 |
| 批量导出优化 | 同时导出多个切图时,自动打包为文件夹 |