Codia
Figma Community 19,000+ 用户 · 390+ 次点赞

Canva 转 Figma:把设计导入为可编辑图层

把 Canva 设计导入 Figma,得到的是可编辑的文字、形状、图片和分组,而不是一张扁平的图片。登录 Canva 或粘贴公开分享链接,选择页面后导入即可,Figma 免费插件和 Chrome 扩展都能用。

每月 5 个免费转换点数 · Figma 免费版也能用

Canva 转 Figma:把设计导入为可编辑图层
Canva
Figma

连接 Canva 与 Figma 的桥梁

不用再从零重建设计。导入、编辑、协作,一气呵成。

面临的问题

  • 在 Figma 中重建 Canva 设计要花数小时
  • 市场团队与设计团队彼此割裂
  • 手动拷贝导致视觉不一致
  • 没有便捷方式在两个平台间传递设计

我们的方案

  • 粘贴一个链接即可导入 Canva 设计
  • 版式、文字和图片保持原位
  • 在 Figma 中原生编辑导入的元素
  • 市场与设计团队的流程无缝衔接

强大功能,简单工作流

连接 Canva 与 Figma 所需的一切能力。

一键导入

粘贴 Canva 公开分享链接或登录 Canva,插件就会在 Figma 画布上重建这份设计。

完全可编辑的元素

所有导入的 Canva 图层都会转换为原生、可编辑的 Figma 元素,任你自由修改。

保留版式

文字样式、图片和位置都会带过来,你可以直接从原设计开始,而不是从空白画框重来。

只选需要的页面

多页 Canva 设计可以选择要导入的页面,较大的设计也可以逐页导入。

谁在用 Canva 转 Figma?

适合跨平台协作的团队和个人。

设计团队

无缝接收市场团队的 Canva 素材,直接接入 Figma 工作流。

开发者

让已审定的营销设计直接进入开发流程,无需从零重建素材。

市场人员

在 Canva 中完成初稿,再轻松移交给设计团队进行后续落地。

代理机构

将客户的 Canva 设计直接导入专业 Figma 流程,简化项目交付。

Figma 用户怎么说

评论逐字摘自插件的 Figma Community 页面,保留原文。

I'm amazed this worked perfectly! My Canva file consists of 82 pages of cover art and text for use in Notion for Year, Quarters, Months, Weeks, and Days in 2026. There was a small amount of cleanup after (one missing art frame, finding/converting to an appropriate font family, and a few minor adjustments to subgrouped backgrounds), but two gorgeous columns of 1) Canva pngs, and 2) Figma, fully editable frames were created. I'm impressed with the overall experience.
mmazal@mazalbb ·
同样支持 Chrome

用 Canva to Editable Figma 插件简化你的设计流程

更习惯在浏览器里操作?除了 Figma 插件,你还可以用 Codia 的 Chrome 扩展,把 Canva 设计以可编辑图层导入 Figma。

按页导入

可以选择要导入 Canva 设计中的哪些页面。多页的大型设计建议逐页导入。

可编辑图层

文字、形状、图片和分组会作为可编辑的 Figma 图层导入。Canva 动画不会带过来,视频和音频会变成需要替换的占位图层。

保留设计结构

文字、图片和分组都会以 Figma 图层的形式导入。在电脑上安装设计所用的字体,排版还原度最高。

隐私保护

导入过程中文件处理全程安全,设计始终保持私密与受保护。

简化工作流

不必再手动重做 Canva 设计。把它作为可编辑图层导入 Figma,接着往下做就行。

无论是把设计交给团队还是独自完成,不用重做就能从 Canva 转到 Figma,交接和迭代都更顺畅,你可以把时间花在设计本身。

免费添加到 Chrome

准备好连接 Canva 与 Figma 了吗?

安装免费插件,导入你的 Canva 设计,在 Figma 里继续编辑。免费版每月包含 5 个转换点数。

产品定价

所有产品透明定价,免费开始,按需升级。

Canva 转 Figma 常见问题

关于把 Canva 设计导入 Figma 的解答。