如何将illustrator矢量元素导入Figma?解决办法在这里

2021-03-30 16:22:24 浏览数 (1)

据说点击蓝色字体关注同学都升职加薪了

静电说:现如今设计工具越来越多,各种文件格式之间的转换似乎已经成为设计师小伙伴的“刚需”。今天咱们主要来讨论如何将illustrator文件顺利导入到Figma?

Figma支持导入AI文件吗?

看上图,Figma并不能导入Adobe illustrator的AI格式文件。目前,有如下方法可以将ai中的内容导入到Figma。

· 打开illustrator文件,之间复制内容到Figma

· 打开illustrator文件,然后将其导出为.SVG格式,然后将.SVG格式文件拖入Figma

· 在Adobe XD中打开AI文件,然后导出为SVG格式,然后再在Figma中打开。

· 在Adobe XD中打开AI文件,然后使用拷贝SVG代码,再将代码粘贴到Figma中。

我使用了第三种方式,因为XD完全免费并兼容AI文件。

导入时遇到的问题

从XD导入到Figma似乎看起来很简单,但事实并非如此。对于复杂的,用于打印的插图文件来说,其中通常会包含数百个图层,这绝对是一场恶梦。我在转换的过程中,遇到过以下问题:

· 每个画板都被转换成单独的.SVG文件。因此,20个画板=20个SVG文件

· 从XD复制和粘贴会导致画板被转换为平面位图。

· 复杂的曲线路径会产生错位变形的情况。

使用工具进行转换

·Cloud Convert:https://cloudconvert.com/ai-to-svg

使用此工具可以直接上传AI文档,然后转换后下载到SVG文件,接着你就可以在Figma中直接打开它。但是不幸的是,Cloud Convert 只能转换一个画板。

· Zamzar:https://www.zamzar.com/convert/ai-to-svg/

Zamzar的灵活性非常高,它将文件分割成多个画板,我必须将它们逐个导入到Figma。另外,文件并没有预览。

·XD2Sketch:https://xd2sketch.com/converter/ai-to-figma

XD2Sketch可以上传illustrator文件并直接获取Figma文件。XD2Sketch向我们展示了第一个画板作为预览,并给了我一个选择,可以通过付费的方式将所有画板转换为Figma文件。

XD2Sketch转换后的文件

XD2Sketch的转换效果令人震惊。它转换了所有文件的所有内容。您可以从上面的图中看到;我的文件在artboard之外的东西更多,除非XD拥有自己的artboard,否则XD以外的其他工具都无法显示且无法导出为SVG。因此,使用XD2Sketch转换的结果,我感到非常满意,强烈推荐该工具,因为它以最少的步骤为我提供了所需的预期结果。

但唯一不好的一点就是,XD2Sketch的价格是真的不低,转换一个有50个画板的文件需要支付49美元。心疼。但不管怎么说,转换毕竟是刚需,当有需求的时候,这点钱就不算什么了。

原文:https://blog.prototypr.io/illustrator-to-figma

0 人点赞