前面有文章介绍了利用Figma的插件Anima(《怎么样将Figma的设计稿转换为HTML文件》)将设计稿转换为HTML文件,但是由于Anima是收费的插件,一个月内只能有4次机会转换,收费版费用太贵,所以不是很友好。不用悲伤,我找到了更加经济和可持续的方法。
大家都知道Axure的优势是做交互原型,而且可以实时的发布HTML文件;但是在页面设计和共享方便起步的比较慢,应该是设计师更热衷于Figma,产品经理更热衷于Axure。如果能把设计师的设计稿和产品经理的结合起来,那岂不是完美的解决了所有的问题。确实,这个插件来了:Figm的Axure插件
步骤1:在Figma中安装Axure插件,在插件中搜索Axure,如下图:
步骤2:安装成功后选中一个组件,右键可以看到Axure的选项,选中拷贝(你可以选中拷贝所有的Frames,也可以局部拷贝)。如下图:
步骤3:在Axure中新建page,粘贴上一步拷贝的内容。这个时候你的Figma设计稿就基本无误的粘贴到Axure中了,后面发布成HTML就简单了,按照Axure的方式一键发布。