あなたのAIアプリで自動デザイン

すでに使い慣れた AI ツール — ChatGPT、Claude、Gemini — でメニューを再デザインします。Navi+ がデータとプロンプトを準備し、あなたはそれを AI に通して結果を持ち帰るだけです。この機能は無料です。

開き方: AI ボタン → あなたの AI アプリで自動デザイン カード。

始める前に — メニューをバックアップ

⋮ もっと見る → バックアップ / 復元 — 変更を加える前に、現在のメニューをファイルまたはクラウドに保存します。このステップを飛ばさないでください。

ウェブベースの AI ツールが必要です。推奨される大規模コンテキストモデル: Claude Opus 4.7、ChatGPT GPT-5、または Gemini Pro 1.5。

トレーニングドキュメントを開く をクリックし、すべてをコピーして AI チャットに貼り付けます。これにより、Navi+ メニューの構造を AI に教え込みます。

ステップ 1 で AI が構造を理解したら、現在のメニューを送信します:

自然言語でリクエストを入力します。デザインを完全にコントロールできます。AI は新しいメニューを JSON として返します。例:

AI が返した JSON をコピーし、次の 2 つの方法のいずれかで Navi+ に適用します:

メニューが思いどおりになるまでステップ 3〜4 を繰り返し、その後保存をクリックします。

ヒント: AI は JSON 内の構造とコンテンツのみを変更します。設定済みで言及しなかったフィールドは保持されますが、適用後も必ずメニューを確認してください。

背景: あるストアには雑然とした 8 項目のタブバーがあり、既存のリンクをすべて維持しつつ 5 項目に絞ってアイコンを追加したいと考えています。

バックアップ: ⋮ もっと見る → バックアップ / 復元 → コピーを保存。
ステップ 1 — AI をトレーニング: Claude（Opus 4.7）を開き、Navi+ で トレーニングドキュメントを開く をクリックし、すべてをコピーして Claude に貼り付けます。
ステップ 2 — メニューを送信: 現在のメニューをクリップボードにコピー をクリックし、JSON を Claude に貼り付けます。

ステップ 3 — 指示: Claude にこう伝えます:

これら 8 項目を 5 つのメイン項目にまとめてください: Home, Products, Promotions,
Blog, Account。残りの項目は適切なサブグループに移動してください。
各レベル 1 項目にアイコンを追加してください。既存のリンクはすべて変更しないでください。

ステップ 4 — 適用: Claude が新しい JSON を返します。それをコピーし、Navi+ の適用ボックスに貼り付けて → 適用をクリックします。
確認: 5 項目、アイコン完備、元のリンクが無傷。さらに調整が必要ですか？ステップ 3〜4 を繰り返します。満足ですか？保存をクリックします。

結果: アイコン付きのすっきりした 5 項目のタブバーが完成し、リンクはすべて保持 — 各項目を手作業で編集する必要はありません。