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

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

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

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

如何正确安装Axure插件?详细步骤分享_第1张图片

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

如何正确安装Axure插件?详细步骤分享_第2张图片

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

如何正确安装Axure插件?详细步骤分享_第3张图片

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

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

如何正确安装Axure插件?详细步骤分享_第4张图片

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

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

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

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

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

如何正确安装Axure插件?详细步骤分享_第5张图片

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

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

如何正确安装Axure插件?详细步骤分享_第6张图片

在线打开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

如何正确安装Axure插件?详细步骤分享_第7张图片

你可能感兴趣的:(axure,photoshop,ui)