【Claude完敗】ChatGPTとデザイン対決したら、笑うしかなかった

マンチー／Munchie

2026年10月31日 23:54

この記事は、こんな方に向けて書きました。
AIにバナーやデザインを頼んでいる、または頼もうか迷っている方。
ChatGPTとClaudeのどちらに何を任せるか、悩んでいる方。
AIの「やっちゃった！」を、笑いながら読みたい方。

今日は、肩の力をスッと抜いて読める、ゆる〜い話です。コーヒーでも片手に、どうぞ。

マンチーは、普段Claudeと開発をしています。今日は、そのClaudeにバナーを作らせて、チャッピーと勝負してもらった、ほのぼの(?)対決の記録をお届けします。

ことの始まりは、アルバムの表紙でした

きっかけは、自分の楽曲アルバムの表紙づくりです。Claudeに頼んでみたら、壊滅的でした。絵を描くのが苦手な小学生が作ったような、度肝を抜かれる下手さ。頭に描いていたイメージとも、違いすぎました。

ちなみに、このブログのサムネイルは、Claudeではなく**ChatGPT(チャッピー)**に作ってもらっています。

あれから、Claudeは成長したのか。同じバナーを作らせて、チャッピーと並べて確かめてみることにしました。

試合の前に、白旗が上がりました

まず、チャッピーが作った過去記事のバナー2枚をClaudeに見てもらい、同じようなものを作れるかを聞いてみました。返ってきた答えは、こうです。

バナーを2枚見ました。どちらも画像生成AIで描いたイラストで、キャラクター、猫、マグカップ、背景の建物まで入っています。これは私にはできません。私は画像を生成できず、図形や文字をコードで組んだ画像しか作れないからです。この点は、私の完敗でいいと思います。

始まる前から、白旗。潔いというか、なんというか。でも、せっかくなので本当に作ってもらいましょう！

勝負のルール

お題は、先日投稿したFDEの記事のバナーです
比べる相手は、すでに使っているチャッピー版です
Claudeが作るのは1回だけ。やり直しも、手直しもなしです
入れる文字は、チャッピー版と同じにします

ちなみに、ChatGPTもClaudeも、マンチーはどちらも有料版です。無料版だったから、という言い訳はできません。

もうひとつ、正直に白状します。この勝負はClaudeに有利です。ClaudeはチャッピーのバナーをAIの目で見たうえで、文言も構図もまねして作りました。手本を見ながらの、いわばカンニングありです。それでも、結果はあとで見るとおりでした。

また、これは1回だけの実験です。ChatGPTとClaudeのどちらが上か、を決める話ではありません。気楽にお付き合いください。

では、Claude版をどうぞ！

ツッコミどころ満載です（爆）

「作り出す仕事」の**「事」の字が、猫に隠れました**。どこにいるの、「事」！
右のチェックリストの文字が、はみ出して切れました
マンチーが、サングラスをかけた丸い顔になりました。ニット帽もありません
猫は、灰色の楕円です。マグカップも背景もありません

でも、いいところもあったんです。太い文字、色の帯、下の4つの説明バーは、思ったよりそれっぽく組めていました。やればできる子です。😅

チャッピー版と並べてみると

並べると、差ははっきり。チャッピー版は、指をさす表情、猫の目、マグカップ、背景のオフィスまで描かれています。「絵」の部分は、勝負になりませんでした。 有料版どうしでも、相変わらずの結果です。お金を払っても、できないことはできないようです。

作った本人に、説明してもらいました

なぜこうなったのか。作った本人(Claude)に、この記事用に、理由を説明してもらいました。

私が今使っている環境には、画像を生成する機能がありません。やっているのは、図形と文字をコードで並べることです。位置を数字で指定するので、文字の長さと配置がぶつかると、今回のように重なります。人物や猫も図形の組み合わせでしか描けないため、表情や質感は出せません。

さらに、こう付け加えています。

作ったあとで見直せば、猫と文字のはみ出しは直せます。今回は、この記事のためにあえて直していません。

直せるのに、わざと直さない。その心意気、嫌いじゃありません。

リベンジ！Claudeのデザイン機能で、もう一度

「普通のチャットで作ったから負けたのでは？」と思う方もいるかもしれません。Claudeには、デザイン向けの機能もあります。そこで、同じバナーを、そちらでも作らせてみました。リベンジのチャンスです！

結果は、こうでした。

猫もマグカップもキャラクターもいません。やはり絵は描けませんでした
そのかわり、「課題整理、設計、実装、運用定着」という流れを、番号つきの4つのカードにして並べてくれました
下の説明バーには、アイコンが付きました。文字のはみ出しもなく、読みやすく仕上がっています
ただし、1回目は大きな文字が枠からはみ出したので、サイズを直してから仕上げました。この版だけ、直しありです

3つを並べると、チャッピー版は、目を引くイラスト広告。デザイン機能版は、情報がすっきり整理された図解。同じ内容でも、得意なものがはっきり違いました。

Claudeに、自分の絵を採点させてみた

ここで、ひとひねり。作った本人のClaudeに、3つのバナーを100点満点で採点してもらいました。見る視点は、「ブログのサムネイルとして、パッと目を引いて、開いてもらえるか」です。

ちなみに、最初に出てきた点数は、デザイン機能版が68点、コード版が46点でした。それを見たマンチーの感想は、ひとこと。「甘すぎる」。そこで、人間の目で見るつもりで、100点満点でつけ直してもらいました。

チャッピー版：90点。ひと目で目を引く絵と、読ませる文字が両立しています。減点は、ホワイトボードの小さな文字がつぶれていることと、情報が盛りだくさんなことです
Claude・デザイン機能版：35点。文字と整理は、きれいにできています。でも、絵がないので、サムネイルとして目を引く力が足りません。図解としては合格、サムネイルとしては落第です
Claude・コード版：20点。猫と文字の重なりに、はみ出し。サムネイルとして出せる状態ではありません

採点したClaudeのコメントは、こうです(この記事用に書いてもらいました)。

最初の点数は、たしかに甘かったです。自分で作ったものには、つい甘くなります。人間の目で見るなら、このくらいが妥当だと思います。ただ、点数は私の主観です。みなさんなら何点をつけますか。

自分で作った絵に、自分で20点。採点基準があいまいな実験ですが、Claudeはこの点数に納得しているようです。

ちなみに、世間ではどう言われているの？

マンチーだけの感想では心もとないので、ほかの人の意見も調べてみました。2026年5月〜10月ごろに公開された、noteなどの解説です。

Claudeには、画像を生成する機能がありません。 複数の解説が、「画像生成はChatGPTやGeminiにあって、Claudeにはない」と書いています。画像を作りたいなら、まずChatGPT、という見方が一般的です
デザイン機能も、同じ線引きです。 ある解説によると、レイアウトや構成は作れても、写真やイラストのような画像そのものは作れません
結論は「使い分け」が多数派です。 文章や開発はClaude、画像はChatGPT。提案資料を、文章はClaude、画像はChatGPTで作って組み合わせた、という体験談もありました
Claudeに画像生成がない理由について、「意図的に出していないのでは」という見方もあります。 ただし、これは解説した人の推測です。Anthropicが理由を説明したものは、マンチーが調べた範囲では見つかりませんでした

開発元のAnthropicは、どう説明しているの？

公式の説明も探してみました。

公式ヘルプには、「Claudeは、写真やイラストを作る画像生成ツールではない」と書かれています。 そのかわり、図やグラフ、操作できる資料を、HTMLとSVGで作れる、とも説明されています。今回、コードで作った版は、まさにこの「HTMLとSVGで組む」やり方です
デザイン機能(Claude Design)は、2026年4月17日にAnthropicが発表しました。 研究プレビューとして、Pro、Max、Team、Enterpriseの加入者に、少しずつ提供されています。プロトタイプ、スライド、一枚物の資料、SNS用の素材などを作れるとされています。発表文には、画像そのものを生成する機能としての説明は、書かれていませんでした
画像生成を出さない理由や、これからの予定について、公式の説明は見つかりませんでした

つまり、今回のマンチーの結果は、世間の見方とほぼ同じでした。絵はチャッピー、文章や図解や開発はClaude。実験でも、そのとおりになりました。

結局、Claudeにデザインは頼めないのか

絵やイラストをClaudeに求めるな、という意味なら、その通りでした。今回の実験で、はっきり負けています。

でも、「デザイン全般がダメ」とまでは言えないと思います。コールセンターの管理画面や、設計書ツールの画面は、Claudeと一緒に作ってきました。文字を読ませる画面や、図の組み立ては、Claudeの得意分野です。このバナーでも、文字の帯の部分や、デザイン機能版の図解は、ちゃんと使えました。

今回やったことは、シンプルです。Claudeに、同じバナーを2通りの方法で作ってもらいました。

ふつうに作ってもらった版：1回だけ。直しはなしです
デザイン機能で作ってもらった版：文字がはみ出したので、1回だけ直しました

条件が少し違うので、あくまで「こんな結果になりました」という報告として読んでください。

マンチーの使い分け

今のところ、こうしています。

絵やサムネイル：チャッピーにおまかせ
文字、図、画面、アプリ、整理して見せるもの：Claudeにおまかせ
迷ったとき：1回作らせて、並べて見る。今回のように

Claudeさん、おつかれさま。たくさん笑わせてもらいました。

ちなみに、この記事のアイキャッチは、もちろんチャッピーに頼みました。

みなさんは、AIにデザインを頼んでいますか？どのAIに、何を任せているのか、ぜひ聞かせてください。

読んでくださって、ありがとうございました！

(この記事は、1回だけの実験とマンチー個人の感想にもとづいています。AIの機能は、今後変わることがあります)

参考にした公式ページ：