如何正确安装Axure插件?详细步骤分享

产品经理在使用Axure导出html文件时,如果选择“完成后打开浏览器”,浏览器往往无法识别。此时,我们需要使用Axure官方谷歌浏览器插件直接访问浏览器中的本地html项目,否则我们需要上传到AxureCloud或使用软件本身的预览功能。接下来,教你如何安装Axure谷歌浏览器插件。

一、如何安装Axure谷歌浏览器插件

第一步:谷歌搜索“Chrome在线应用”ChromeWebStore”。

第二步:进入浏览器插件店,在左侧搜索Axure,点击右侧搜索结果中的“AxureRPExtensionforChrome进入插件详情页面。

选择“添加至Chrome”,等待下载完成,完成插件添加。

第三步:将Axure插件固定在浏览器工具箱中,显示在顶部工具栏中。

如果添加后插件不显示,点击工具栏右上角的“拼图”图标,找到Axure插件旁边的“图钉”图标并点亮,插件将固定显示。

以上就是安装Axure谷歌浏览器插件的方法。但这些元件库以付费的居多,并且价格并不便宜,而且这里关于Axure元件库的描述都是全英文的,对于英文不太熟练的设计师来说,Axure元件库的查找和下载都不太方便。

二、如何免费使用Axure元件库

即时设计支持直接导入Axure导出的html文件,生成新项目,并提供后续修改、协作等操作。

即时设计资源社区的Axure元件库是免费的。那么,Axure元件库到底该如何使用呢?

第一步:打开即时设计资源社区,选择分类标签「UI组件集」,找到最喜欢的Axure元件库。在这里,我们以Axure元件库WeUI为例。

第二步:打开Axure元件库WeUI链接,点击右上角的WeUI链接「使用」按钮,文件将保存到我们的即时设计工作台,您可以在线使用Axure元件库WeUI材料。

除了直接复制和打开,我们还可以点击右上角的星号,一键收集即时设计资源社区中的Axure元件库。这样,打开即时设计文件,点击编辑面板左侧「资源」选项卡,可以看到从即时设计资源社区调用的所有Axure元件库,后续使用非常方便。

在线打开Axure元件库可以看到,即时设计社区的元件库材料分为不同的类别,使用非常方便。在同一文件中,复制元件库创建实例;或者点击组件面板将鼠标光标悬浮到需要使用的组件上,单击左键将其拖动到画板中,并成功创建实例组件。

即时设计还有一个宝藏功能,即UI组件变体——同一母版下的副件可以单独设置样式,不会影响与母版之前的关系。我们可以建立类似的组件「组件变体」统一放置管理,简化Axure元件库,更容易找到所需的东西。

使用Axure汉化版,畅想免费素材资源

即时设计是新一代的原型、设计、交付工具,被称为Axure中文版,即时设计与Figma兼容、Sketch、AdobeXD、Axure等主流设计文件,将Axure文件导入即时设计后,可自由进行二次布局、评审、演示和共享,有效完成软件迁移。与Axure原版相比,即时设计不仅在原型设计上不逊色,而且拥有丰富的免费设计资源和大量内置易用的设计插件。我相信即时设计会给你带来更多愉快的创作体验。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。icon-default.png?t=N7T8https://js.design/?source=csdn&plan=bttcsdn1052

  • 28
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要在Mac电脑上安装Axure的浏览器插件,您可以按照以下步骤进行操作: 1. 首先,确保您已经安装Axure软件。如果还没有安装,您可以从Axure官方网站上下载并安装最新版本。 2. 在安装Axure软件后,打开Axure并创建或打开一个项目。 3. 在项目中,点击顶部菜单栏的“发布”选项,然后选择“生成HTML”命令。 4. 在弹出的窗口中,您可以选择要生成的HTML页面的配置和选项。确保在“部署选项”中选择了“生成基于浏览器的原型”选项,并点击“生成”的按钮。 5. Axure会根据您的配置生成一个HTML文件,并将其保存在指定的位置。在生成完成后,您可以关闭Axure软件。 6. 接下来,打开您的浏览器(比如Chrome)并进入浏览器插件商店。 7. 在插件商店中,搜索并找到Axure的浏览器插件。通常,插件的名称是“Axure RP Extension for Chrome”。 8. 点击插件页面上的“添加至Chrome”按钮,并在弹出的确认窗口中点击“添加扩展”。 9. 扩展安装完成后,您将在浏览器的工具栏中看到Axure的图标。单击该图标,然后选择“从本地文件导入”选项。 10. 在打开的文件浏览器中,找到之前生成的Axure HTML文件并选择导入。 11. 插件将加载并显示您的Axure原型。您可以通过右键单击图标来查看更多选项和设置。 12. 至此,您已经成功在Mac上安装和使用Axure的浏览器插件。现在您可以在浏览器中轻松查看和展示您的Axure原型了。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值