修正の4つの方法

Claude Design の上達は「修正のうまさ」で決まります。最初の生成は80点で十分です。この章では、直したい内容に合わせて4つの修正方法（＋おまけの1つ）を使い分けられるようになります。

修正は「作り直し」ではありません

第2章（はじめてのデザイン）で、最初のデザインを生成しました。ここからが本番です。Claude Design の基本サイクルは「指示 → 生成 → 修正」の反復です。一発で完成を狙う必要はありません。

初めての方がやりがちな失敗が、気に入らない部分があるたびに最初から全部作り直すことです。これは時間も利用枠（あなたのプランで使える量）ももったいない使い方です。すでにある画面の、直したい部分だけを直す。そのための道具が4つ用意されています。

ポイントは「AI を使う修正」と「使わない修正」がある、という点です。AI を使わない修正（③④）は待ち時間がほぼなく、利用枠も消費しないと考えられます。まずは4つを順番に見ていきましょう。

方法① チャット指示 — 全体的な変更に

いちばん基本の方法です。左側のチャット欄に、直してほしいことを日本語で書くだけです。第2章で最初の生成に使ったのと同じ欄を、そのまま修正にも使います。

1. 左のチャット欄をクリックする
   画面左側、Claude との会話が表示されている領域の入力欄です。
2. 直してほしいことを日本語で書く
   例:「全体をもっと落ち着いた雰囲気にしてください」
3. 送信して、右のキャンバスが更新されるのを待つ
   Claude がデザイン全体を見直して反映します。

図：チャット指示は「左に書くと右が変わる」。全体に効く修正方法です。

向いている場面：全体的な変更や、大きな方針転換です。「配色を全部変えたい」「もっとシンプルな構成にしたい」「ページを1枚追加したい」のように、影響範囲がデザイン全体におよぶ修正はチャットで頼みます。

逆に「ここの1行だけ」のようなピンポイントの修正には向きません。言葉で場所を説明する手間がかかり、意図と違う場所が変わることもあるからです。そういうときは次の方法②の出番です。

方法② インラインコメント（Comment）— その部分だけ直したい時に

「この見出しだけ」「このボタンだけ」のように、特定の部分をねらって直す方法です。直したい要素に付せんでメモを貼るイメージで、英語では Comment（コメント）と呼ばれています。

1. キャンバス上の直したい要素をクリックする
   右側のキャンバスで、見出しや画像など直したい部分を選びます。選んだ要素の近くに小さなツールバー（ボタンの並び）が表示されます。
2. ツールバーの「Comment（コメント）」を選ぶ
   コメントの入力欄が開きます。
3. その要素への指示を日本語で書いて送信する
   例:「この見出しをもっと短く、力強い言葉にしてください」。Claude がその要素を対象に修正します。

図：要素をクリックするとツールバーが出ます。Comment（コメント）を選ぶと、その要素あての指示が書けます。

向いている場面：ピンポイントの修正です。チャット指示と違い「どこを直すか」をクリックで示すので、場所の説明が不要になり、ねらった部分だけが確実に対象になります。「3枚目のスライドの右下の…」と言葉で説明するより、ずっと速くて正確です。

方法③ テキスト直接編集 — 誤字修正に最速

文字の打ち間違いや固有名詞の修正なら、AI に頼む必要はありません。キャンバス上の文字は、その場で自分で書き換えられます。

1. 直したい文字をクリック（またはダブルクリック）する
   文字がその場で編集できる状態になります。
2. キーボードでそのまま書き換える
   ワープロの文書を直すのと同じ感覚です。
3. 編集を終える
   書き換えた内容はすぐに画面に反映されます。

向いている場面：誤字・脱字の修正、名前や日付の差し替えなど、文言だけの変更です。この方法は AI を介さず即反映されるので、生成の待ち時間がありません。利用枠も消費しないと考えられます。「誤字を直して」とチャットで頼むのは、待ち時間の面で損です。

方法④ 調整スライダー（Adjust）— 余白・色・レイアウトの微調整に

「もう少しだけ余白を広く」「色をほんの少し薄く」のような微調整は、言葉で伝えるのが意外と難しいものです。そこで使うのが Adjust（調整）です。スライダー（左右に動かすつまみ）で、見た目を直接動かして調整できます。

1. キャンバス上の調整したい要素をクリックする
   方法②と同じく、要素の近くにツールバーが表示されます。
2. ツールバーの「Adjust（調整）」を選ぶ
   余白・色・レイアウトなどを調整するスライダーが表示されます。
3. スライダーを動かして、ちょうどいい所で止める
   動かした結果がすぐ画面に反映されるので、目で見ながら決められます。

図：Adjust（調整）を選ぶとスライダーが出ます。目で確かめながら微調整できます。

向いている場面：余白・色・レイアウトの「さじ加減」の調整です。「少し」「もうちょっと」の感覚は人によって違うので、AI に言葉で伝えるより、自分の手で動かして目で決めるほうが速く確実です。この方法も動かした結果がすぐ画面に反映されるため、待ち時間がほぼありません。

おまけ：キャンバス直接編集（ドラッグで動かす）

2026年6月のアップデートで、キャンバス上の要素をマウスのドラッグ（押したまま動かす操作）で直接動かせるようになりました。見たままを直接さわって編集できる方式です。

1. キャンバス上の要素をクリックして選ぶ
   移動やサイズ変更の対象になります。
2. ドラッグして動かす、または端をドラッグして大きさを変える
   図形や写真を並べ替えるのと同じ感覚です。色やフォント（文字の書体）などの設定も変更できます。

向いている場面：「この写真をもう少し右へ」「このボタンを少し大きく」のような、位置と大きさの直感的な調整です。これも動かした結果がそのまま画面に反映されます。

使い分け早見表 — この症状にはこの方法

4つ＋おまけの使い分けを、よくある「直したい症状」から引ける表にまとめました。迷ったらこの表に戻ってきてください。

例題：同じ修正を4つの方法で体験する

知識として知っているのと、手が覚えているのは別物です。第2章で作った自己紹介スライドを開いて、同じ「見出しの色を変える」という修正を4つの方法すべてで試してみましょう。

練習問題