アートボード
アートボードとは
アートボードは、参考画像をテーマや用途ごとにまとめたコレクションです。AI に渡すコンテキストの単位でもあります。
使い方の例
- プロジェクト単位：「ECサイトリデザイン」「会社サイトリニューアル」
- スタイル単位：「ミニマルデザイン参考」「ダークUIパターン」
- クライアント単位：「A社ブランド参考」「B社競合調査」
アートボードを作成する
- サイドバーの アートボード をクリック
- アートボードを作成 ボタンをクリック
- 名前を入力（必須）
- 説明を入力（任意）
- 作成 をクリック
Chrome 拡張機能のコンテキストメニューからも作成できます。
名前と説明のコツ
名前: 短く、一目でわかる名前にしましょう。
説明: AI に伝えるコンテキストとして活用できます。例：
- 「モダンなミニマルデザイン。余白を活かしたレイアウト。ネイビーとホワイトの配色。」
- 「クラフトビールブランドのウェブサイト。アースカラー、手書き風テクスチャ。」
アートボードを編集する
アートボード詳細ページで名前と説明を編集できます。
- 対象のアートボードを開く
- 名前または説明の部分をクリック（または編集ボタンをクリック）
- 内容を変更して保存
アートボードを削除する
- 対象のアートボードを開く
- 設定またはメニューから 削除 をクリック
- 確認ダイアログで削除を実行
注意: アートボードを削除すると、含まれる画像もすべて削除されます。この操作は取り消せません。
アートボードを整理するコツ
テーマで分ける: 「レイアウト参考」「カラーパレット」「タイポグラフィ」のように要素で分けると、AI へのコンテキスト指定が明確になります。
説明を充実させる: アートボードの説明に色・スタイル・雰囲気を記述しておくと、MCP 経由で AI がより正確に意図を理解できます。
定期的に整理する: 不要な画像や使わなくなったアートボードを定期的に削除することで、AI へのコンテキストが明確になります。