生成AIとデザインツールの使い分け:Canva・Figma・Adobe Firefly|デザイン・クリエイティブの基本 第7回

田中 磨生

監修田中 磨生株式会社Abin 代表取締役

株式会社Abin代表取締役。AI SaaSの上場企業やHR系ベンチャーのマーケティング責任者を経て、2023年BtoBマーケティング特化のコンサルティング会社株式会社Abinを設立。創業から30社以上のBtoBマーケティングの戦略立案から実行までを行う。2025年には株式会社プロベルの役員に就任。NYマーケティング株式会社の執行役員も務める。

プロフィールを見る →

執筆Abin編集部

生成AIとデザインツールの使い分け:Canva・Figma・Adobe Firefly|デザイン・クリエイティブの基本 第7回

この回で分かること:①Canva・Figma・Adobeのツール群・プレゼンテーションソフトなど、デザインツールの得意分野と、作業から選ぶ考え方、②生成AIを使いやすい場面と慎重になるべき場面、AIで作った素材を公開する前の確認、③色・書体・ロゴをツールに登録して、誰が作ってもブランドがそろう仕組みの作り方。前回までで、バナーとWebページの作り方を学びました。今回は、それらを「何で作るか」という道具の話です。

手軽さと自由度、画像中心か画面中心かの2つの軸で、Canva・Photoshop・Illustrator・PowerPoint・Figmaを配置した図
図1:デザインツールの地図:手軽さと自由度、得意な作業で選ぶ

ツールは「何を作るか」から選ぶ

デザインツールはたくさんありますが、「どれが一番良いか」という問いには答えがありません。大切なのは、作るものと、作る人と、作る量 に合ったツールを選ぶことです。図1は、代表的なツールを、テンプレートで手軽に作れるか・一から自由に作り込めるか、画像や印刷物が中心か・Webやアプリの画面が中心か、の2つの軸で大まかに並べたものです(位置は目安です)。

  • Canvaなどのテンプレート型のツール は、豊富なひな形を使って、バナー・SNSの画像・資料などを短時間で作れます。デザインの専門家でなくても使いやすく、チームでブランドの素材を共有する機能もあります。
  • Adobe PhotoshopやIllustratorなどのプロ向けの制作ツール は、写真の細かな補正や合成、拡大しても劣化しない図形(ベクター)でのロゴや印刷物づくりなど、細部まで作り込む作業に向いています。
  • PowerPointやGoogleスライドなどのプレゼンテーションソフト は、営業資料や提案書づくりの定番です。社内の多くの人が使い慣れていて、誰でも直せることが強みです。
  • Figmaなどの画面設計ツール は、Webサイト・LP・アプリの画面を設計し、試作するのに向いています。複数人で同時に編集でき、作った画面を開発者に渡す機能もあります。
作りたいものごとに、向いているツールの例と理由をまとめた表
図2:作業から選ぶ:何を作るかで、向いているツールが変わる

図2は、よくある作業ごとに、向いているツールの例をまとめたものです。マーケティングの現場では、1つのツールですべてを済ませるより、「バナーの量産はCanva、LPの画面はFigma、資料はPowerPoint」のように、作業ごとに使い分けるのが一般的です。ツールの機能や料金はよく変わるので、導入する前に、必ず各社の公式サイトで最新の情報を確かめてください。

料金と機能は「公式」で確かめる

たとえばFigmaは、2026年11月時点の公式の料金ページで、スターター(無料)・プロフェッショナル・ビジネス・エンタープライズのプランと、フルシート・Devシート・コラボシートといった席の種類を示しています。生成AIの機能は、プランごとに付与される「AIクレジット」を消費する仕組みになっています。Canvaも、無料プランと有料プラン(Canvaプロなど)で使える機能が異なります。料金の表示通貨や、AI機能の利用回数の上限など、細かな条件はツールごとに違うので、比べるときは同じ条件で見比べることが大切です。デザインツールの比較は、Canvaの評判やAdobe Fireflyの評判の記事も参考になります。

LPの画面を設計し、エンジニアと共同で作業しながら開発に渡したいとき、まず検討するツールとして適切なものはどれでしょうか?

  1. 写真の加工に強いツール
  2. Figmaなどの画面設計ツール
  3. 印刷物向けのレイアウトツール
答えと解説

正解は2です。Figmaなどの画面設計ツールは、Webやアプリの画面を設計・試作し、複数人で同時に編集したり、開発者に渡したりするのに向いています。作るものと作業の流れに合わせてツールを選ぶのが基本です。

FREE MEMBER

無料会員なら、講座が受け放題・AI比較が1日5回

40以上の講座を最後まで読めて、学びの進み具合も記録できます。登録は30秒・無料です。

無料で会員登録する →
🔒 ここから先は無料会員限定です
この講座は、会員でない方は第2回まで読めます。第7回の続きと、残りの回はすべて、無料会員登録で読めます。
MEMBERS ONLY登録30秒・無料
続きは、無料会員登録ですぐ読めます。
会社のメールアドレスに届くリンクを開くだけ。このページに戻って、続きから読めます。
01
講座が全部、最後まで受け放題40以上の講座・300回超の連載を全回読めます。会員でない方は各講座の第1〜3回まで。
02
AI比較が1日5回あなたの会社向けの順位表と稟議書のたたき台を、何度でも作り直せます(会員でない方は1回)。
03
学びの進み具合をまとめて管理読んだ回・確認テストの成績・修了証をマイページに保存。PCでもスマホでも続きから。
04
AIへの質問が1日60回ツギノテの記事から答えを探すAI検索も、たっぷり使えます(会員でない方は20回)。
無料会員登録項目はすべて必須です
Gmail・Yahoo!メール・Outlook・携帯キャリアなどのフリーアドレスでは登録できません。お勤め先のメールアドレスを入れてください。
登録するとプライバシーポリシーに同意したものとみなします。

生成AIは「どこで使うか」を決めておく

多くのデザインツールに、生成AIの機能が組み込まれるようになりました。文章で指示するだけで画像を作る、写真の足りない部分を描き足す、不要な物を消す、1つのデザインを別のサイズに自動で展開する、といった作業が、短時間でできます。

一方で、生成AIは便利な反面、使い方を誤るとブランドや信頼を傷つけることもあります。図3は、生成AIを使いやすい場面と、慎重になるべき場面を整理したものです。

生成AIを使いやすい場面と、慎重になる場面を2つの列にまとめた図
図3:生成AIを使う場面・慎重になる場面

使いやすいのは、「下書き」や「素材」の段階です。 たとえば、バナーの方向性をいくつか見比べたいときのラフ案、背景や雰囲気を伝えるイメージ素材、写真の一部を広げたり不要な物を消したりする補助的な加工、1つのデザインを複数のサイズに展開する作業などです。最終的に人が選び、手直しすることが前提の使い方です。

慎重になるべきなのは、次のような場面です。

  • ロゴなど、ブランドの核になるもの:長く使い、商標として守る可能性もあるものは、権利関係がはっきりした形で作るのが安全です。
  • 実在の人物・商品・事例に見える画像:実際には存在しない「お客様」や「導入事例」の写真をAIで作って使うと、見る人に誤解を与えます。第5回で学んだ、表示が誤解を与えないという原則にも関わります。
  • 数字や文字の正確さが必要な図:画像生成AIは、文字や細かな形を正しく描けないことがあります。グラフや図解は、数字を確かめながら人が作ります。
  • 他社の作品や、特定の作家の作風に似せる指示:既存の作品に似た画像は、著作権の問題につながるおそれがあります。

生成AIで作った画像の著作権や商用利用の考え方は、画像・動画生成AIのビジネス活用 第5回で詳しく扱っています。

学習データと規約を確かめる

生成AIのツールを業務で使うときは、そのツールが何を学習してできているのか、作った物を商用で使えるのか、を確かめておきましょう。たとえば、AdobeはFireflyのよくある質問のページで、現行のFireflyの生成AIモデルはAdobe Stockなどのライセンスを得たコンテンツとパブリックドメインのコンテンツで学習したと説明しています。また、ベータ版の表示がない機能で作った物は商用のプロジェクトに使えること、Creative Cloudの加入者の個人のコンテンツは学習に使わないこと、Fireflyで作った物の一部の書き出しにはAIツールを使ったことを示す「コンテンツクレデンシャル」が自動で付くことも説明しています(2026年11月12日確認)。

ツールによって、こうした方針や規約は異なります。「AIで作った物は自由に使える」と思い込まず、使うツールごとに規約を確認する ことが大切です。

AIで作った素材は「そのまま使わない」

生成AIで作った画像は、一見すると完成品のように見えます。しかし、そのまま公開するのは危険です。

AIで作った素材を公開するまでの5つの確認:生成・選ぶ・手直し・権利の確認・事実の確認
図4:AIで作った素材は「そのまま使わない」:公開までの5つの確認

図4のように、生成した素材を公開する前に、次の5つを確かめます。

  1. 生成:1案だけでなく、複数の案を出します。
  2. 選ぶ:目的やブランドの雰囲気に合うものだけを選びます。「AIが作ったから」ではなく、第1回の物差し(伝わる・選ばれる・使える)で判断します。
  3. 手直し:手や指の形、文字、細かな部分など、不自然なところを直します。ブランドの色や書体に合わせて調整します。
  4. 権利の確認:ツールの規約で商用利用が認められているか、既存の作品や他社のデザインに似すぎていないかを確かめます。
  5. 事実の確認:実在しない商品や人物、実際とは違う使用場面に見えないかを確かめます。

生成AIで作った画像を広告に使うときの考え方として、最も適切なものはどれでしょうか?

  1. 複数案から目的に合うものを選び、手直ししたうえで、規約と権利、誤解を与えないかを確認してから使う
  2. AIが作った画像は完成品なので、そのまま使う
  3. 実在しない「導入企業の担当者」の写真をAIで作り、事例として使う
答えと解説

正解は1です。生成AIの画像は下書きや素材と考え、選ぶ・直す・確かめる、の工程を経てから公開します。実在しない人物を事例のように見せるのは、見る人に誤解を与えるため避けるべきです。

この記事の監修者に相談できます

監修者の田中磨生が代表を務める株式会社Abinで、ご相談をお受けしています。

相談無料ツギノテ編集部に相談する

ブランドを守る仕組みをツールで作る

ツールが手軽になり、誰でもデザインを作れるようになると、新しい問題が生まれます。人によって色や書体がばらばらになり、ブランドの印象がそろわなくなることです。第2回の「反復」の原則を、組織の単位で守るための仕組みが必要です。

ブランドを守る仕組み:ルールを決める→ツールに登録→テンプレート化→確認の流れ
図5:ブランドを守る仕組み:色・書体・ロゴを「ツールに登録」して共有

図5の流れで、仕組みを作ります。

  1. ルールを決める:第3回の色の表と、第4回の書体と文字の大きさのルールをまとめます。
  2. ツールに登録する:多くのデザインツールには、ブランドの色・書体・ロゴを登録して、チームで共有する機能があります。たとえばCanvaのヘルプによると、「ブランドキット」の機能で、組織の公式のロゴ・色・書体・素材を1か所にまとめ、チームのメンバーがデザインを作るときに使えるようにできます。プランによっては、複数のブランドキットを作ることもできます(使える機能と数は契約しているプランによって異なります)。
  3. テンプレート化する:よく作るバナー・SNS投稿・資料の型をひな形にして配ります。作る人は、文字と写真を差し替えるだけで済み、レイアウトの崩れを防げます。
  4. 確認の流れを決める:公開前に誰がチェックするのかを決めておきます。特に、数字・No.1表示・注意書き(第5回)と、AIで作った素材(この回)は、確認の対象に入れておきます。

この仕組みがあれば、デザインの経験が少ないメンバーでも、ブランドからはみ出さずに素早くデザインを作れるようになります。

例:ソラマメ会計(架空)のバナー運用

架空の会計ソフト「ソラマメ会計」のマーケティングチームで考えてみましょう。これまでは、担当者がそれぞれ思い思いにバナーを作っていたため、青の色味が少しずつ違い、書体もばらばらでした。そこで、デザイナーがブランドの色・書体・ロゴをツールに登録し、「機能紹介」「セミナー告知」「導入事例」の3種類のバナーをテンプレートにしました。担当者は、テンプレートを選んで見出しと写真を差し替えるだけです。サイズ違いのバナーは、ツールのサイズ変更の機能で展開し、崩れたところだけを手で直します。公開前には、数字と注意書きをデザイナーが確認します。こうして、作る速さを上げながら、どのバナーを見ても同じブランドだと分かる状態を保てます。

実務ではこう使う

ツールと生成AIを導入・活用するときは、次の点を確かめてください。

  • 作るもの(バナー・資料・LP・ロゴなど)ごとに、使うツールを決めているか
  • ツールの料金・機能・AIの利用条件を、公式サイトで同じ条件で比べたか
  • 生成AIを使う場面と使わない場面を、チームで決めているか
  • AIで作った素材を、選ぶ・直す・権利と事実を確かめる、という工程を経て公開しているか
  • 色・書体・ロゴをツールに登録し、テンプレートと確認の流れを用意しているか

AIの動画生成ツールについてはAI動画生成ツールおすすめ比較、プロのデザイナーや制作会社に頼む場合は次の第8回で扱う発注の進め方も参考にしてください。

FOR BUSINESS

マーケティング・DXの発注先選びに迷ったら

ツギノテを運営する株式会社Abinは、BtoBマーケティングに特化したコンサルティング会社です。創業から30社以上のBtoBマーケティングを支援してきました。

相談無料ツギノテ編集部に相談する

無料会員登録(講座受け放題・AI比較)/セミナーと資料を見る

この回のまとめ

  • デザインツールは「何を作るか・誰が作るか・どれだけ作るか」から選び、作業ごとに使い分けるのが一般的です。
  • ツールの料金・機能・AIの利用条件はよく変わるため、導入前に公式サイトで同じ条件で比べます。
  • 生成AIは、ラフ案・イメージ素材・補助的な加工など「下書きや素材」の段階で使いやすく、ロゴ・実在に見える画像・正確さが必要な図では慎重になります。
  • AIで作った素材は、選ぶ・手直しする・権利と事実を確認する、の工程を経てから公開します。
  • 色・書体・ロゴをツールに登録し、テンプレートと確認の流れを用意すると、誰が作ってもブランドがそろいます。

確認テスト

デザインツールの選び方として、最も適切な考え方はどれでしょうか?

  1. 一番有名なツールを1つ選び、すべての作業をそれで行う
  2. 料金が一番安いツールを選ぶ
  3. 作るもの・作る人・作る量に合わせて選び、作業ごとに使い分ける
答えと解説

正解は3です。ツールにはそれぞれ得意分野があり、「一番良いツール」はありません。バナー・資料・LP・ロゴなど、作るものと作業の流れに合わせて使い分けます。

生成AIの使い方として、慎重になるべき場面はどれでしょうか?

  1. 背景のイメージ素材を作る
  2. 実在のお客様に見える人物の写真を作り、導入事例として使う
  3. バナーの方向性を比べるためのラフ案を作る
答えと解説

正解は2です。実在しない人物を事例のように見せる画像は、見る人に誤解を与えます。生成AIは、ラフ案やイメージ素材など、人が選んで手直しすることを前提とした場面で使いやすい道具です。

AdobeがFireflyのよくある質問のページで説明している内容として、正しいものはどれでしょうか(2026年11月12日確認)?

  1. 現行のモデルは、Adobe Stockなどのライセンスを得たコンテンツとパブリックドメインのコンテンツで学習している
  2. Creative Cloudの加入者の個人のコンテンツを、学習に使っている
  3. ベータ版を含め、すべての機能で作った物に商用利用の制限はない
答えと解説

正解は1です。Adobeは、ライセンスを得たコンテンツとパブリックドメインのコンテンツで学習したと説明し、加入者の個人のコンテンツは学習に使わないとしています。商用利用については、ベータ版の表示がない機能で作った物が対象とされています。規約は変わることがあるため、使う前に公式で確認しましょう。

チームの誰がデザインを作っても、ブランドの印象をそろえるための仕組みとして、適切なものはどれでしょうか?

  1. 色の番号だけをメールで共有し、あとは各自に任せる
  2. 色・書体・ロゴをツールに登録し、テンプレートと公開前の確認の流れを用意する
  3. 毎回、一番デザインが得意な人にすべてを作ってもらう
答えと解説

正解は2です。ブランドのルールをツールに登録し、よく作る型をテンプレートにして、確認の流れを決めておくと、経験が少ないメンバーでもブランドからはみ出さずに素早く作れます。

次回予告

最終回の第8回では、デザインの発注とディレクションを学びます。目的と条件を伝える「ブリーフ」の書き方、修正を一度で済ませるフィードバックの出し方、完成したデザインの検証と改善の回し方、そしてフリーランスに発注するときの注意点まで、全8回の総まとめとして扱います。

参考資料

  • Figma「料金プラン」:https://www.figma.com/ja-jp/pricing/ (2026年11月12日確認)
  • Canva Help Center「Set up Brand Kits」:https://www.canva.com/help/brand-kit/ (2026年11月12日確認)
  • Canva「Canvaプロ」:https://www.canva.com/pro/ (2026年11月12日確認)
  • Adobe「Adobe Firefly に関する FAQ」:https://helpx.adobe.com/firefly/web/get-started/learn-the-basics/adobe-firefly-faq.html (2026年11月12日確認)

この記事は役に立ちましたか?

いま読まれている記事ランキング

    ランキングをもっと見る →

    この記事の内容について

    掲載している情報の修正や削除をご希望の場合は、こちらからご連絡ください。

    修正・削除の依頼

    NEXTあわせて読みたい

    ツギノテの記事一覧へ

    編集方針

    • 各社の公式サイトを、確認日を書いて調べています
    • 掲載企業から報酬は受け取っていません
    • 有償の掲載がある場合は「PR」と明記します

    運営:株式会社Abin

    © Abin Co., Ltd.