文章目录

把 Axure 原型导入 Pixso,先在 Axure 生成完整 HTML 文件夹,再把整个文件夹压缩成未加密 ZIP,最后在 Pixso 工作台选择 Axure 导入。不要只压缩一个 HTML,也不要把 .rp 工程改后缀当 ZIP。导入时还应分清需要继续编辑,还是只做在线演示。

Axure 文件怎么导入?页面、交互与字体核对主题封面

如果团队需要同时保留 Axure 原工程与在线评审流程,可以先了解Axure 文件与在线原型协作,再用一个包含常见页面、图片和交互的项目试导入。原 .rp 文件和导出包都应保留。

Axure文件迁移到Pixso的图解

如何在 Pixso 中导入 Axure 文件

1. 在 Axure 生成完整原型文件

在 Axure 内点击“发布”,生成原型文件。先创建一个空白文件夹作为导出位置,再发布到本地。这样可以避免把其他项目的 HTML、图片或脚本混进本次导出包。

Axure发布并生成原型文件
为Axure原型选择本地导出文件夹

导出后在本地打开入口页面,确认页面可以加载、图片没有缺失、主要跳转正常。若本地导出就有问题,先回到 Axure 修正;重复上传同一个不完整包不会解决资源缺失。

2. 压缩整个文件夹,格式选择 ZIP

将生成的整个文件夹压缩为 ZIP,并关闭密码加密。HTML 依赖同目录下的图片、脚本及其他资源,只发送某个页面文件会使这些依赖丢失。不要改动资源文件夹名称或层级。

3. 在 Pixso 选择导入方式

进入 Pixso 工作台,点击“导入文件”,选择 Axure 并上传压缩包。Pixso 文件导入说明给出了 HTML 文件夹与 ZIP 的准备方式。

Pixso文件导入弹窗中的Axure格式入口

当导入弹窗提供不同类型时,应先决定是继续编辑,还是保留原型演示。Axure 演示文件说明区分了“Axure(可编辑)”与“HTML 静态格式”:后者用于预览、链接分享与交互演示,不支持编辑文件内容。选择可编辑导入后,也需要逐项检查关键页面、组件与交互;复杂逻辑可能需要在目标文件中重新设置。

在Pixso工作台选择Axure导入

4. 导入完成后,先对照一条主路径

以登录后进入订单页为例,先检查首页、登录弹窗、订单列表三处:字体是否被替换,图片是否加载,按钮是否仍指向正确页面。再测试一个返回动作和一个异常状态。若只是查看演示,不要把无法编辑 HTML 内容当成导入失败;若需要修改,则应确认自己选择了可编辑类型。

Axure 导入问题的排查顺序
现象先检查什么下一步
无法识别压缩包是否为ZIP、是否加密、是否只打包单个HTML从完整导出文件夹重新生成未加密ZIP
图片或样式缺失本地导出预览是否正常,资源目录是否齐全修正源导出包后再导入
能演示但不能编辑是否选择HTML静态格式需要编辑时重新选择相应导入类型
个别字体或交互不同所用字体、控件与导入类型记录具体页面、触发步骤和前后截图

如何在 Pixso 中切图和导出

导入后的内容如果需要制作交付资源,先确认当前文件类型支持相应编辑操作。HTML 演示文件与普通设计文件不同,不应直接套用同一组编辑步骤。

1. 用切片确定导出范围

在可编辑设计文件中,使用“切片”工具或快捷键 S 划定要导出的区域,再在右侧“导出”设置中选择倍率与格式。切片适合导出指定范围;如果只要一个图标,先确认没有把背景或旁边说明一起框入。

在Pixso中设置切片与导出范围

2. 同一资源按所需倍率导出

需要多份尺寸时,可在导出设置中添加不同倍率,并为输出文件设置便于区分的后缀。界面预览图、图标和需要透明背景的资源应分别选择合适格式。导出一份后先看清晰度、透明背景和文件名,再批量输出。

在Pixso中配置多倍率导出

完成后把可编辑设计文件、演示链接和最终导出资源分开放置。继续修改 Axure 项目时,回到原 .rp 工程;在 Pixso 中开展新的设计时,记录导入版本,避免两处修改后不知道哪一份才是当前基线。