Sketch、Figma和Adobe XD,如何互相转换文件格式?

Sketch、Figma和XD.jpg

效率工具指南:致力成为国内优质的工具测评媒体。

Hello 各位好,我是小豪。

一直以来,不同软件间的格式兼容或格式转换,是许多设计师非常头疼的问题,尤其是想把某种专属格式的设计资源,导入另外一款软件中使用,总是没能找到很好的方法。

对于 UI 设计中常用的 Sketch、Figma、Adobe XD,在转换之前,我们可以先梳理一下每款软件原生支持的文件格式:

  • Sketch:仅支持 Sketch 文件
  • Figma:支持导入 Sketch 文件,但不支持导出 Sketch、XD 文件
  • Adobe XD:支持导入 Sketch 文件,但不支持导出 Sketch 文件

根据这三款软件支持的文件格式,我绘制了下面的图片,可以看到,只通过软件原生的功能,并不能实现 Sketch、Figma 和 Adobe XD 三种文件之间的格式转换

三款软件的格式转换情况.png

既然使用原生功能无法做到,那我们可以后退一步,不求一步到位,而是借助一些第三方工具,将格式转换为软件本身支持的格式,再导入目标软件中。

目前市面也有一些专门用于格式转换的工具,例如 Magicul、Convertify Figma to Sketch/XD/AE 等,但这些工具都需要付费,且价格不低,如果不经常使用,为单次的格式转换付费则不太划算,这里更建议你使用免费的格式转换工具 Pixso

格式转换工具 Pixso

Pixso,是一款对标 Figma 的国产在线 UI 设计工具,相比 Figma,Pixso 在文件兼容方面拥有出色的表现,支持导入 Figma、Sketch 和 Adobe XD 文件,导入 Pixso 的文件可以被很好地还原,与此同时可导出 Sketch 和 XD 文件。

  • Figma → Sketch:Figma → Pixso → Sketch
  • Adobe XD → Sketch:Adobe XD → Pixso → Sketch
  • Figma → Adobe XD:Figma → Pixso → Adobe XD
  • Adobe XD → Figma:Adobe XD → Pixso → Sketch → Figma(链路最长)

这样一来,通过 Pixso 内置的导入和导出功能,我们可以很方便地实现 Sketch、Figma 和 Adobe XD 文件之间的格式转换

Pixso

Pixso 是一款基于浏览器的在线设计工具,使用之前无需下载安装客户端,在浏览器打开 Pixso 官网就能直接使用。

打开 Pixso 进入工作台后,点击「导入文件」,在弹出的「文件导入」窗口,选择不同的软件图标,就能将对应的文件导入 Pixso 中。

image (88).png

将 Figma 文件导入 Pixso

在导入 Figma 文件时,Pixso 提供了两种导入方式:

  • 从电脑本地导入 fig 文件
  • Figma 文件链接在线导入

1)从电脑本地导入 fig 文件

在 Figma 中打开待导出的文件,点击左上角的 Figma 图标,选择 File >> Save local copy,将云端的 Figma 文件下载到本地,可以得到一个 fig 格式的文件。

image (89).png

切换到 Pixso,点击文件导入窗口中间的区域,从本地上传刚下载的 fig 文件,稍等一小会,就能在 Pixso 中查看导入的 Figma 文件了!

image (90).png

如果从本地导入 Pixso 的 fig 文件较多,可以点击文件导入窗口右上角的「批量导入」,一次批量导入多个文件。

image (91).png

2)Figma 文件链接在线导入

点击 Pixso 工作台右上角的「导入figma文件」,在弹出的面板,切换到「URL导入」,点击下方的「前往授权」,打开 Figma 官网进行授权。

image (92).png

在打开的授权页面,点击蓝色按钮「Allow access」,授予 Pixso 读取 Figma 文件的权限。

image (93).png

授权之后,打开 Figma 工作台,将想导出的 Figma 文件的分享权限设置为 Anyone with the link

image (94).png

接着右击 Figma 文件,选择「Copy link」,复制 Figma 文件的链接。

image (95).png

回到 Pixso 中,将复制的 Figma 文件链接粘贴到 URL 导入的输入框中,点击右下角的「导入」,就可以将 Figma 文件导入 Pixso 了。

image (96).png

文件完成导入后,点击右侧的「打开文件」,就能在 Pixso 中查看刚刚导入的 Figma 文件啦。

image (97).png

从 Pixso 导出 Sketch/XD 文件

将 Sketch、Figma 和 XD 文件分别导入 Pixso 后,点击左上角的文件菜单,选择「导出文件」,在弹出的菜单,可以将文件导出为 Sketch 或 XD 文件。

值得一提的是,从 Pixso 中导出的 Sketch 文件,需要用最新版的 Sketch 打开,如果你使用的 Sketch 版本低于 80,在打开时可能会遇到打开失败的情况~

image (98).png

写在最后

码字不易,如果对你有帮助的话,请别忘了赏个【三连】或是【关注】我哦,关注不迷路

我是小豪,那我们下次再见咯。

效率工具指南:致力成为国内优质的工具测评媒体。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,504评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,434评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,089评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,378评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,472评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,506评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,519评论 3 413
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,292评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,738评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,022评论 2 329
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,194评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,873评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,536评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,162评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,413评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,075评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,080评论 2 352

推荐阅读更多精彩内容