【Axure教程】将figma导入Axure

Figma和Axure是两个不同的界面设计工具,Figma主要用于创建和协作设计图形界面(UI),允许多个设计师和利益相关者同时在云端协作设计项目;Axure是原型设计工具,专注于创建高保真、可交互的原型。大家可以根据其具体需求选择使用这两个工具,有时也会将它们结合使用,以更好地满足项目的不同需求。

很多设计师会选择用figma来做静态界面,用Axure做动态交互的原型,这里就会涉及到怎么把figma做好的内容导入到Axure,所以今天主要和大家分享两个方面的内容:

1、怎么将figma里做好的内容导入Axure

2、在哪里可以找到更多好看的figma素材

怎么将figma里做好的内容导入到Axure

1、登录figma官网

我们打开figma官网www.figma.com,并且登录,如果没有注册的同学要先注册

2、上传自己的文件

我们创建团对项目,上传自己做好的figma文件,点击右上角的import,选择对应的文件上传,等待上传完成。这里需要注意的是,有些浏览器会出现上传失败或者没有反应的现象,建议大家用谷歌浏览器

【Axure教程】将figma导入Axure_第1张图片

3、进入编辑页面并且复制到Axure

我们双击上传好的项目就可以进入编辑页面,如下图所示:

【Axure教程】将figma导入Axure_第2张图片

我们在左侧菜单,选择需要复制的页面,鼠标右键,找到Plugins——Axure——copyseleciton for rp

【Axure教程】将figma导入Axure_第3张图片

等待loading完成,打开axure软件,ctrl+v复制粘贴,就可以把选中的内容复制到Axure里了,而且复制过去的并不是图片,他里面也是各个元件组成的,可以自由修改或者增加交互效果

【Axure教程】将figma导入Axure_第4张图片

这里要说一下,如果第一次没有安装插件的话,需要先装一下插件,同样在左侧菜单,选中对应内容,鼠标右键,找到到Plugins——manage plugins…,里面搜索Axure后运行,在执行上述步骤即可

【Axure教程】将figma导入Axure_第5张图片

这样我们就成功将figma的文件,导入到Axure里,后续我们可以在Axure里自由编辑增加交互等。

在哪里可以找到更多好看的figma素材

我们可以在fimga社区https://www.figma.com/community,里面有很多各种各样美观的figma素材

【Axure教程】将figma导入Axure_第6张图片

例如我们搜索ios,就可以找到很多ios相关的内容,找到自己需要的,双击进去查看详情

【Axure教程】将figma导入Axure_第7张图片

如果符合自身需要,想要复制到Axure里使用,我们就点击open in figma,就会进入前面的编辑页面

【Axure教程】将figma导入Axure_第8张图片

进入编辑页面之后,就和前面第一部分的第3点进入编辑页面并且复制到Axure后的操作是一致的。

那以上就是今天分享的关于怎么将figma里做好的内容导入Axure和在哪里可以找到更多好看的figma素材的全部内容了,感兴趣的同学们可以动手试试哦,感谢您的阅读,我们下期见。

更多Axure原型、视频教程,产品文档等模板,可关注公众号:Axure高保真原型

你可能感兴趣的:(Axure,产品经理,交互,原型,figma)