Magic Canvas：ブラウザでグラフィックをデザイン。手作業でも、話しかけても。

スタート画面は3つの部分で構成されています。説明すると、aiKitが作成します：必要な内容（対象者、伝えたいこと、雰囲気）を入力するか音声で話し、一覧からサイズを選んで、デザインを作成 を押します。エディターが開き、レイアウトが変更可能な実際のレイヤーとして作られます。aiKitができなかった内容は、まず 未対応 の下に一覧で表示されます。電話番号、価格、住所などの情報は、入力された場合のみ使用されます。入力がない場合は、[電話番号] のような角かっこ付きのプレースホルダーが表示され、後で入力できます。

または空白のサイズから始めます。タブ「SNS」「印刷」「Web」「メール」には、それぞれの形を小さな画像で示したサイズが表示されます（インスタグラム投稿 1080 × 1350、ストーリーズ 1080 × 1920、チラシ 8.5 × 11 インチ、名刺 3.5 × 2 インチ、ポスター 18 × 24 インチ、Webバナー 1920 × 800、そして標準の幅600のメールサイズ：ヘッダー 600 × 200、メインバナー 600 × 300、写真 600 × 400、2列 300 × 300。これらはスマートフォンでもくっきり表示されるよう、初期設定で2倍の解像度でダウンロードされます）。カスタムサイズでは、ピクセルまたはインチで幅と高さ、用途を指定できます。インチを選ぶと印刷用になります。写真を編集 では、パソコン内の画像をそのサイズのまま開きます。

マイデザイン には保存したデザインが新しい順に、各デザインの画像付きで表示され、名前で検索できます。開くにはクリックします。すべてのレイヤーは編集可能なままです。各デザインには固有のアドレスがあるため、ブックマークしたり、同じアカウントのチームメンバーにリンクを送ったりできます。

上部には、デザイン（スタート画面に戻る）、デザイン名（クリックして名前を変更）、サイズ、元に戻す と やり直し、ズーム（マイナス、パーセント表示、プラス。パーセントをクリックするとページに合わせて表示）、Proのスイッチ、デザインを保存、ダウンロード があります。トラックパッドやマウスホイールでは、スクロールでページが移動し、ピンチ（またはCtrl/⌘ + スクロール）でズームします。

左側はレール（ツールバー）で、アセット、テキスト、図形、写真、ブランド、レイヤー、履歴があります。それぞれ、レールの横にパネルを開きます。もう一度クリックするとパネルを閉じ、ページを広く使えます。中央はグレーの台の上にあるページです。右側は、選択中の要素の設定、または何も選択していない場合はページ自体の設定です。ページの下にはAIバーがあります。

印刷サイズでは、印刷されない2本のガイド線が表示されます。実線の赤い線は紙の裁ち落とし位置（トリム）で、その内側の破線の青い線は安全領域です。文字とロゴは破線の内側に配置してください。紙の端まで届かせたい色や写真は、赤い線の外側、ページの外縁まで伸ばしてください（その余分の1/8インチが塗り足しです）。

シンプルがデフォルトです。Proをオンにすると、任意のレイヤーの正確な位置とサイズの数値（X、Y、W、H、回転角度）と、ブレンドモード（乗算、スクリーン、オーバーレイなど）が表示されます。選択内容はこのブラウザに保存されます。

テキスト：見出し、小見出し、本文を追加し、ページ上でダブルクリックして入力します。テキストを選択すると、右側にフォント（クリーン、ボールド、コンデンスド、セリフ、スクリプト、手書き風、ポップ、レトロの各グループに分かれた31種類）、サイズ、太字、斜体、下線、Aa（大文字と通常の文字を切り替え）、配置、色（ブランドカラーが先頭に表示）、文字間隔、行の高さ、カーブ（線をアーチや笑顔の形に曲げる）、エフェクト（アウトラインとその色・太さ、シャドウ）が表示されます。

図形：四角形、角丸四角形、円、三角形、星、線、矢印、ハート。選択すると、塗りつぶし（または塗りなし）、枠線の色と太さ、四角形の角の丸みを設定できます。テキストの後ろに四角形を置くと、色帯やラベルになります。

写真：パソコンからアップロード（複数同時も可）、AI画像（内容を説明して「画像を作成」を押します。20〜40秒かかり、トークンを使用します）、またはグラフィックライブラリから選択（パネル内で検索できます）。ブランドには、Logo Kitで保存したブランドキットの色とロゴが表示されます。色をクリックすると選択中のもの（何も選択していなければ背景）の色が変わり、ロゴをクリックすると追加されます。

「色」タブは本格的なカラーピッカーです。正方形の中をドラッグして彩度と明るさを、帯の部分をドラッグして色相を調整したり、HEX、RGB、HSB、CMYKの値を入力したりできます。上部で前景色と背景色を切り替えられます。ブランドカラー、最近使った色、見本は1回のクリックで選べ、システムのピッカーにはスクリーン上のスポイトも含まれます。ツールバー下部の色のマスをクリックしても開きます。

写真を選択すると、そのツールが表示されます。クイック補正：背景を削除と2倍に拡大は、お使いのデバイス上で無料で実行されます（初回使用時に無料モデルを一度ダウンロードします）。マジックエフェクトも、お使いのデバイス上で無料です。自動補正は写真の明るさと色を測定し、それに合わせて明るさ、コントラスト、色、少しのシャープネスを設定し、何を変更したかを知らせます。色を鮮やかにすると、肌の色を不自然にせず色に力強さを加えます。

カラールックは写真のカラープロファイルを変更します：ナチュラル、ティール＆オレンジ、ゴールデンアワー、フィルム、マット、シネマティック、パステル、ノワール、ポップ。デュオトーンは写真を2色で描きます（暗い部分は1色目、明るい部分は2色目）。ブランドカラーがあれば、それを使って始まります。被写体エフェクトはデバイス上で被写体を見つけます。ポートレートぼかしは被写体の後ろの背景をぼかし、カラースプラッシュは被写体の色を残したまま背景を白黒にし、ステッカーは白い縁と柔らかい影を付けて被写体を切り抜きます。

スライダー：ビブランス、シャープ、フィルムグレイン、ピクセルアート、続いて明るさ、コントラスト、彩度、暖かさ、ぼかし、そしてワンタップのフィルター（白黒、セピア、ビンテージ、ビビッド、クール、ウォーム、フェード）。調整をリセットを押すと、スライダーとフィルターが元に戻ります。切り抜きは破線の枠を表示します。ドラッグしてサイズを変更し、切り抜きを押す（またはキャンセル）。図形では、写真を円、角丸四角形、星、ハートの中に配置できます。反転は写真を左右に反転します。

選択したレイヤーすべてに対して：透明度（透け具合）、ページ上の位置（左、中央、右、上、中段、下。印刷サイズでは安全領域を基準に測定）、前面に移動、背面に移動、複製、ロック、削除。ドラッグ中は、レイヤーがページの中央に揃うと赤い線が表示され、そこにスナップします。

レイヤーパネルには、すべてが上から順に表示されます。テキスト、写真、図形のアイコン付きです。名前をクリックして選択し、ダブルクリックして名前を変更できます（AIもこの名前を使います）。矢印で上下に移動、目のアイコンで表示と非表示を切り替え、鍵のアイコンでロックして誤って動かないようにできます。

キーボード：DeleteまたはBackspaceで選択中のものを削除、⌘Zで元に戻す、⇧⌘Zでやり直し、⌘Dで複製、⌘Cと⌘Vでコピーと貼り付け、矢印キーで少しずつ移動（Shiftを押しながらでより大きく移動）、Escapeで選択を解除。Windowsでは⌘の代わりにCtrlを使います。

アセットは左側のバーの最初のボタンで、スタート画面にも「説明する」の下に同じ枠があります（ロゴ、写真、またはデザインを追加して合わせます）。画像は最大6枚まで追加できます。枠にドロップする、貼り付ける（ページ上のどこでも⌘VまたはCtrl+V）、アップロードを押す、またはグラフィックライブラリを押して既存の画像を選択します（画像をクリックで追加、もう一度クリックで外します）。アップロードしたものはすべてグラフィックライブラリのMagic Canvas/Assetsフォルダに保存されるので、後でどのツールでも使えます。

各アセットには変更できる名前と種類があります：ロゴ（デザインに配置）、写真（デザインで使用）、商品（大きく目立たせる）、または雰囲気を合わせる（配置されず、aiKitが色、フォントの雰囲気、レイアウト、ムードをコピーします）。aiKitは、依頼のたびにすべてのアセットを実際に確認するので、「私のロゴを使って」「商品写真を左に置いて」「追加したチラシのような雰囲気にして」といった普通の言葉で指示できます。アセットの＋を押すと自分でページに配置でき、×を押すとリストから外れます（グラフィックライブラリには残ります）。

ページの下には小さな行があり、次の依頼でaiKitが使う内容を示します。アセットが3件あれば「3件のアセットを参照」と表示され（クリックするとアセットが開きます）、使用中のスタイルがあればそれも表示されます。デザインを変更すると、aiKitは現在のページの見た目の画像も受け取るので、「写真が暗すぎる」や「文字が読みにくい」といった指示も、あなたが見ている通りに理解されます。画像をページに直接ドロップすると、その場に配置されます。

履歴は左のレールの一番下のボタンです。バージョン履歴には、デザインのすべての節目が新しい順に並びます。AIへの各リクエスト（Made with AI、Changed with AI）、手作業による各変更（Changed by hand）、元に戻した各操作、作成された各バージョンが含まれます。手作業の変更は、操作をやめてから約20秒後に一つの節目として記録され、保存済みのデザインも同時に自動保存されるため、タブを閉じても作業内容は失われません。節目はデザインごとに保存されます（デザインあたり最大500件。名前を付けたバージョンは常に残ります）。そのため、マイデザインからデザインを開き直したり、別のパソコンでリンクを開いたりしても、履歴全体が戻ってきます。

各節目には、その時点のデザインの小さな画像、時刻、AIの費用、引用符で囲まれたあなたの言葉が表示されます。手作業の変更の場合は、何が変わったかを示す短い一行も表示されます（例：2件の変更：「Summer Sale」の文字・円の色）。詳細を開くと、aiKitが行ったこと、行わなかったこと、スタイル（カラーの丸とフォント）、サイズ、バージョンのラベル、使用した素材、そして「aiKitへの依頼の詳細」が表示されます。これは、aiKitが受け取ったままのリクエスト（サイズ、あなたの言葉、素材とその種類、指示されたスタイル）です。

上部の「このバージョンに名前を付ける」では、現在のデザインに名前と任意のメモを付けられます（例：色の変更前、お客様に送付）。名前付きのバージョンはしおりと色付きの縁で示され、どの節目でも「名前を付ける」（または「名前を変更」）を押すと名前を付けられます。一覧の上にあるフィルターは、すべて、名前付き、AI、手作業から選べます。「名前を外す」（詳細の下）を押すと、名前付きのバージョンが通常の節目に戻ります。

各節目のボタン：「元に戻す」（デザインがその節目の状態に戻り、新しい節目として記録されます。⌘Zで取り消せます）、「現在と比較」、「名前を付ける」、「この時点から開始」（その節目から新しい別のデザインを開くので、作業中のデザインはそのまま残ります）。詳細の下には「このスタイルを使う」（次のAIリクエストでそのフォントと色を使用）と「スタイルを保存」（名前を付けて保存）があります。

比較では、2つのデザインを並べて表示するか、スライダーで比べられます。画像の下には「変更点」の一覧があり、レイヤーごとに一行ずつ、追加、削除、変更のいずれかと、その内容を文字で示します（古い文字と新しい文字、移動、サイズ変更、回転、色、フォント、文字サイズ、透明度、非表示、縁取り、影、写真の雰囲気、トリミング、前面への移動または背面への移動、背景）。節目を現在のデザインと比較する場合、各行には「この部分を戻す」（そのレイヤーがその時点の状態に戻るか、削除されたレイヤーが復元される）または「取り除く」（その後追加されたレイヤーを削除）が表示され、残りのデザインは現在の状態のまま保たれます。⌘Zで取り消せます。「すべて戻す」を押すと、デザイン全体がその節目の状態に戻ります。

任意の2つの節目を比較するには、2つの節目の右側のチェックボックスにチェックを入れ、「この2つを比較」を押します。古い方が左に表示され、変更点の一覧は古い順から新しい順に読めます。どちらの節目にも戻すことができます。

保存したスタイルは履歴の上部にあります。「このデザインの見た目をスタイルとして保存」を押すと、ページからフォント、主な色、背景を読み取り、名前を付けるよう求められます。「使う」を押すと、次のAIリクエストにそのスタイルが適用されます（ページの下に「スタイル：名前」と表示され、×で解除できます）。スタート画面にもスタイルの一覧があるので、まっさらなデザインでも最初からお好みの見た目で始められます。スタイルはワークスペースに属するため、チームのメンバー全員が使えます。

上部バーの「バージョン」を押すと、3つの選択肢が表示されます。「複製」はデザイン（履歴を含む）のコピーを作成して開くので、最初のデザインをそのままにして別の方向性を試せます。「バージョンを作成…」では、aiKitに2〜6個のバージョンを作成するよう依頼できます。「すべて比較」では、すべてのバージョンを並べて表示します。「複製」と「バージョンを作成」は、各AI結果の「このAIの変更を取り消す」の隣にもあります。

「バージョンを作成」では、作成する数（2〜6）を選び、それぞれどのように違えばよいかを自由な言葉で指定します。例：「異なる層向けのチラシ3種類：シニア、学生、ファミリー」「別の見出しを試す」「正方形の投稿、ストーリー、バナー」「1つは短い動画に」。入力欄の下のチップには、よく使われる指定が表示されています。空欄のままにすると、aiKitがレイアウト、見出し、色を変えて作成します。ページ上で何かが選択されている場合、「選択部分のみ変更」を選ぶと、それ以外はすべて同じに保たれます（例：見出しの3案）。あなたの情報（名前、日付、価格、特典）は全バージョンで同じままです。aiKitが知らなかった情報は［プレースホルダー］として表示されます。

バージョンは1つずつ順番に作成され、それぞれ用途、サイズ、aiKitが変更した内容、行わなかった内容、「開く」ボタンが表示されます。新しいサイズのバージョンは、あなたのデザイン、素材、既に配置されている写真をもとに、そのサイズ用に新しくレイアウトされます。各バージョンは独自の履歴を持つ独立したデザインで、元のデザインの隣に保存されます。「動画」と表示されたバージョンは、アニメーション用に設定されています。

デザインにバージョンができると、上部に「バージョン」の帯が表示されます。どれかをクリックすると開き（それぞれ独自のリンクがあります）、「すべて比較」で一覧表示、「このバージョンを開く」で作業を続けられます。各バージョンのAI利用料は約1〜2セントで、AIによる画像は1枚あたり5セントです。

ページ下のバーに変更内容を入力するか音声で話し、「実行」を押します。例：「背景を暗くする」「ロゴを右上に移動する」「見出しを曲線にして金色にする」「フィルム風の温かい写真にする」「人物の後ろの背景をぼかす」「角に赤い「SALE」バッジを追加する」。何もないページでも、同じバーでデザイン全体を作成できます。aiKitはレイヤー（名前、文字、サイズ、位置）を読み取って変更します。すべてを一から描き直すことはありません。

すべてのリクエストはチェックリストとして扱われます。行われなかったものは「まだ完了していません」に理由とともに最初に表示され（例：写真の中の人物を削除することはここではできません）、それ以外はチェックマント付きで一覧表示されます。「このAIの変更を取り消す」を押すと、デザインが元の状態に完全に戻ります。通常の「元に戻す」も使えます。各結果の下では、親指の上下で評価し、何がうまくいかなかったかを伝えられます。「送信して修正」を押すと、メモをもとにaiKitが再度試行します。

デザインを保存すると、すべてのレイヤーを含めたデザイン全体が保存されるので、「マイデザイン」から開いて編集を続けられます。アップロードした写真やAIで作成した写真は、初めて保存するときにグラフィックライブラリ（フォルダ：Designs/Photos）に登録されるため、デザインのファイルが小さくなり、どのパソコンでも開けます。

「Pro Designer で開く」（ダウンロードの横）を押すと、完成したデザインがグラフィックライブラリに保存され、Photoshop風のツールで手直しできるように Pro Designer で開きます。

「ダウンロード」を押すと、ウィンドウが1つ開きます。ファイル形式は、PNG（最もきれいで、透明部分も保持）、JPG（容量が小さい。「最高」「高」「小さいファイル」から選択）、PDF（印刷サイズ向け：300 dpi、1/8インチの塗り足し付き、トンボの表示/非表示を選択可能。仕上がりサイズをファイルに設定するので印刷会社にも正しく伝わります。その他のサイズではデザインと同じサイズの1ページ）、またはSVG（テキストと図形はベクターのまま、フォントはリンク）から選べます。画面用のサイズは 0.5×、1×、2×、3× から選択します。保存先は、このパソコンへのダウンロードか、名前・カテゴリ・タグ・取引先・プロジェクトを付けてグラフィックライブラリに保存するかを選べます。保存したファイルは、ライブラリ内の場所に直接リンクされます。