第10章

制限と上手な付き合い方

Claude Design は万能ではありません。使える量には上限があり、苦手な作業もあります。この章では「どこまでできて、どこからは別の道具に任せるか」を学び、安心して使い続けるための判断力を身につけます。

この章でできるようになること

利用量の仕組み — 追加料金はないが「枠」がある

Claude Design の利用に、追加のお金はかかりません。契約中のプラン(藤川さんは Max プラン)に含まれる、週ごと・月ごとの利用枠の中で使えます。

利用枠とは「一定期間に Claude を使える量の上限」のことです。たくさん作業をすると枠が減り、時間が経つと回復します。なお 2026年5月18日に、全プランの月間利用枠は2倍に増えています。

【最重要】Claude Code と同じ利用枠を分け合っています

2026年6月から、Claude Design と Claude Code は同じ週の利用枠を共有しています。つまり、デザインで使いすぎると Claude Code で使える残りも減ります。逆に、Claude Code で大きな作業をした週は、デザインに使える量も減ります。「別々の財布」ではなく「同じ財布」だと覚えてください。

今週の利用枠(イメージ)
Claude Design
デザインの生成・修正で枠を消費
Claude Code
プログラム作業でも同じ枠を消費。片方で使うと、もう片方の残りも減る

図:Claude Design と Claude Code は「同じ財布(週の利用枠)」から使う

凝ったデザインは枠を大きく消費する

デザインの生成は、文章の会話よりも多くの処理を使います。特に、複雑で凝ったデザインを何度も作り直すと、消費が一気に増えます。

実際に、Pro プランで複雑なデザインを作ったところ、わずか36分で週の枠を使い切ったという報告例があります。Max プランは Pro より枠がずっと大きいので、ここまで極端にはなりにくいですが、それでも無限ではありません。

消費を抑えるには、第4章(伝わる指示の書き方)で学んだ使い方がそのまま役に立ちます。

枠が切れたらどうする? — 2つの選択肢

利用枠を使い切ると、回復までしばらく Claude が使えなくなります。そのときの選択肢は2つです。

選択肢内容向いている場面
回復を待つ時間が経てば枠は自動で回復します。お金はかかりません。急ぎでないとき。基本はこちら。
追加購入する従量課金(使った分だけ払う方式)で、枠を追加で買えます。締め切りが目前で、どうしても今すぐ必要なとき。
追加購入は「最後の手段」に

追加購入は料金が発生します。まずは「待てないか」「作業を軽くできないか」を考え、それでも必要なときだけ使うのがおすすめです。購入の手順は画面の案内に従ってください。

Claude Design にできないこと

できないことを先に知っておくと、「頼んだのにうまくいかない」という無駄な試行錯誤(=枠の消費)を防げます。2026年7月時点の主な制限は次のとおりです。

できないこと説明・代わりの方法
Figma への書き出し・連携Figma(デザイナー向けの本格デザインツール)に直接は送れません。Canva 書き出しからの手動移行などで代替します。
Adobe XD・Sketch・Framer・Webflow への直接書き出しこれらのデザイン・Web 制作ツールへも直接は送れません。
複雑なアニメーションなめらかな画面切り替えなど、多段階の動きの表現は不得意です。
オフライン利用インターネット接続が常に必要です。Web ブラウザでの利用が中心です。
ピクセル単位の完璧な仕上げ1ミリ単位の微調整のような精密作業は苦手です。大枠を Claude Design で作り、細部は Canva 等で調整するのが現実的です。

他のツールとの使い分け

Claude Design がすべての場面で最適なわけではありません。よく名前が挙がる道具との使い分けを、表にまとめます。

ツール得意なことこんなときに選ぶ
Claude Design素早い試作・提案資料・ブランド統一・Claude Code 連携。非デザイナー向き。「明日までに形にしたい」「まず見た目で相談したい」
Figmaピクセル単位の精密作業・本格的な共同編集・デザインシステム管理。手作業。プロのデザイナーと一緒に細部まで詰めるとき
Canvaテンプレートが豊富。SNS 画像・チラシ作り。最後の10%の仕上げ先としても有効。決まった型で量産したいとき・最終調整をしたいとき
v0(Vercel)開発者向けのコード生成に特化。プログラムを書く人が画面のコードを作るとき
組み合わせて使うのが正解

「どれか1つを選ぶ」必要はありません。たとえば Claude Design で大枠を作り、Export(書き出し)の Canva 形式で送って仕上げる、という合わせ技が使えます(第8章参照)。

研究プレビューとの付き合い方

Claude Design は「研究プレビュー」、つまり開発途中の公開版です。機能や画面は今後も変わる可能性があり、不具合が起きることもあります。次の3つの心構えでいれば大丈夫です。

  1. 画面が説明と違ったら、画面を信じる
    この教科書やネット記事の説明より、目の前の画面のほうが新しいことがあります。ボタンの場所や名前が違っても慌てず、画面の案内に従ってください。
  2. 不具合は「そういうこともある」と構える
    コメントが消える・保存エラーが出る、といった不具合の報告があります。何度か試して直らなければ、時間をおいて再開しましょう。
  3. 大事な成果物は、早めに書き出して手元に保存する
    完成を待たず、区切りのよいところで Export(書き出し)して、自分のパソコンに保存しておきます。万一の不具合でも、手元のファイルは失われません。
claude.ai/design
左:チャット
今日はここまで。念のため保存しておこう
右:キャンバス
作業中のデザイン
Export Share

図:区切りごとに右上の Export(書き出し)で手元にバックアップを残す習慣を

例題 1:「今週やりたいこと」を使い分け表で判定する

今週やりたいことを1つ思い浮かべてください。ここでは例として「町内会のお祭りの案内チラシを作りたい」とします。上の使い分け表に当てはめて、Claude Design 向きかどうかを判定してみましょう。

  1. 目的を1行にする
    「お祭りの日時・場所・内容を伝えるチラシを、今週中に作る」。
  2. 表の「こんなときに選ぶ」と見比べる
    チラシは Canva の得意分野です。ただし「まず見た目の案がほしい」なら Claude Design の出番です。
  3. 合わせ技で決める
    今回は「Claude Design で案を素早く作り、Canva 書き出しで仕上げる」と判定できます。案作りには、次のプロンプトが使えます。
コピーして使うプロンプト
町内会の夏祭りの案内チラシを作ってください。
①目を引く大きなタイトル「夏祭りのお知らせ」
②日時と場所(8月2日 土曜 17時から、中央公園)
③催しの紹介3つ(盆踊り、屋台、抽選会)
④問い合わせ先の欄
雰囲気は親しみやすく、夏らしい明るい配色でお願いします。

生成されたら、文言の細かい修正はテキストの直接編集で行い、仕上げは Export(書き出し)の Canva 形式で整えます。枠の節約にもなります。

練習問題 1:シナリオ判断 3問

次の3つの場面で、どのツールを選ぶのがよいでしょうか。使い分け表を見ながら考えてください。

ヒントを見る

「型を使った量産」「ピクセル単位の精密作業」「素早い試作・提案資料」。それぞれの言葉が、使い分け表のどのツールの説明にあったか思い出してください。

模範解答を見る

問1:Canva。テンプレートが豊富で、SNS 画像を同じ型で量産する作業に向いています。

問2:Figma。ピクセル単位の精密作業は Claude Design の苦手分野で、Figma の得意分野です。

問3:Claude Design。素早い試作と提案資料はまさに得意分野です。完成したら PDF や PPTX で書き出せば、そのまま会議に使えます(第5章・第8章参照)。

練習問題 2:Claude Code の大仕事がある週の調整

今週の後半、Claude Code で大きな作業(長時間のプログラム修正)を予定しているとします。同じ週にデザイン作業もしたい場合、どう調整すればよいでしょうか。理由も含めて考えてください。

ヒントを見る

この章の最重要ポイントを思い出してください。Claude Design と Claude Code は「同じ財布」でした。財布の中身を大仕事のために残すには、デザイン側で何を控えればよいでしょうか。

模範解答を見る

両者は同じ週の利用枠を共有しているため、デザインで使いすぎると Claude Code の分が足りなくなります。調整の例は次のとおりです。

  • 凝ったデザインの作り込みや、大がかりな作り直しは翌週に回す
  • 今週のデザイン作業は、軽い修正や文言直しにとどめる
  • 文字の修正はテキストの直接編集で行い、AI への依頼回数を減らす
  • 万一枠が切れたら「回復を待つ」を基本にし、急ぎのときだけ従量課金(使った分だけ払う方式)の追加購入を検討する
理解度チェック

次の項目に自信をもって「はい」と言えたら、この章は合格です。

この章の出典