Codia
Figma Communityで19,000+ユーザー · 390+いいね

CanvaをFigmaへ:デザインを編集できるレイヤーでインポート

CanvaのデザインをFigmaへ。1枚の画像ではなく、編集できるテキスト・図形・画像・グループとして取り込めます。Canvaでログインするか公開共有リンクを貼り付け、ページを選んでインポート。無料のFigmaプラグインでもChrome拡張機能でも使えます。

毎月5変換クレジット無料 · Figmaの無料プランでも利用可能

CanvaをFigmaへ:デザインを編集できるレイヤーでインポート
Canva
Figma

Canva と Figma を繋ぐ架け橋

ゼロから作り直す必要はもうありません。インポート、編集、コラボをシームレスに。

よくある課題

  • Canva のデザインを Figma で作り直すのに何時間もかかる
  • マーケティングチームとデザインチームが分断されている
  • 手動コピーで見た目がバラバラになる
  • プラットフォーム間でデザインを簡単に受け渡す方法がない

解決策

  • Canva デザインを URL 1 つでインポート
  • レイアウト・テキスト・画像をそのままの位置で維持
  • インポートした要素を Figma でそのまま編集
  • マーケティングとデザインのワークフローがシームレスに繋がる

パワフルな機能、シンプルなワークフロー

Canva と Figma を繋ぐために必要なすべてを備えています。

ワンクリックでインポート

Canvaの公開共有リンクを貼り付けるかCanvaでログインすると、プラグインがFigmaのキャンバス上にデザインを再構築します。

完全に編集可能な要素

インポートされた Canva のレイヤーはすべてネイティブで編集可能な Figma 要素に変換されます。

レイアウトを維持

テキストのスタイル、画像、配置を引き継ぐので、空のフレームではなく元のデザインから作業を始められます。

必要なページだけ選択

複数ページのCanvaデザインからインポートするページを選べます。大きなデザインは1ページずつ取り込めます。

CanvaからFigmaへの変換はこんな方におすすめ

2 つのプラットフォームを跨いで働くチームや個人に最適です。

デザインチーム

マーケティングチームの 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 プラグインでデザインワークフローをシンプルに

ブラウザから始めたい方に。Codia の Chrome 拡張機能は、Figma プラグインと並ぶもう一つの方法として、Canva のデザインを編集できるレイヤーで Figma に取り込めます。

ページ単位でインポート

Canva デザインから取り込むページを選べます。複数ページの大きなデザインは、1ページずつインポートするのがおすすめです。

編集できるレイヤー

テキスト、図形、画像、グループは編集できる Figma レイヤーとして取り込まれます。Canva のアニメーションは引き継がれず、動画や音声は差し替え用のプレースホルダーになります。

デザインの構造を維持

テキスト、画像、グループはFigmaのレイヤーとして取り込まれます。元のフォントをパソコンにインストールしておくと、文字の再現度が最も高くなります。

プライバシー保護

取り込みプロセス全体でファイルは安全に処理され、デザインは常にプライベートに保たれます。

ワークフローを効率化

Canvaのデザインを手作業で作り直す必要はありません。編集できるレイヤーとしてFigmaに取り込み、そのまま作業を続けられます。

チームにデザインを渡す場合も一人で作業する場合も、作り直さずにCanvaからFigmaへ移れるので、ハンドオフや修正の繰り返しがスムーズになり、デザインそのものに時間を使えます。

Chrome に追加(無料)

Canva と Figma を繋ぐ準備はできましたか?

無料プラグインをインストールしてCanvaのデザインを取り込み、そのままFigmaで編集しましょう。無料プランには毎月5変換クレジットが含まれます。

料金プラン

すべての製品で透明な料金。無料で始めて、ビジネス成長に合わせてアップグレード。

CanvaからFigmaへの変換に関するよくある質問

CanvaのデザインをFigmaにインポートする方法についての回答です。