Auto design by Navi+ AI

Let Navi+ handle all the AI work — just describe the menu you want right in the editor. No external tools, no copying and pasting JSON. (Business / Elite)

Open: the AI button → Auto design by Navi+ AI card.

---

How is it different from “Auto design using your AI app”?

	Your AI app	Navi+ AI
AI tool	You open ChatGPT / Claude / Gemini	Navi+ calls the AI for you
Copy/paste JSON	Yes, manually	Not needed
Steps	4 steps	1 step (chat)
Plan	Free	Business / Elite

---

Before you start — back up your menu

⋮ More → Backup / Restore — back up your current menu before applying the AI result.

---

How to use

1. Open the Auto design by Navi+ AI card.
2. Type a description in the chat box, e.g. “Create a 5-item tab bar for a fashion store, black and white.”
3. (Optional) Attach a reference image with the Upload button so the AI follows the layout/colors.
4. Click Send. The AI returns a design and applies it to the editor for preview.
5. Keep chatting to refine (“change the Contact icon”, “remove the last item”)… or click New chat to start over.
6. Happy with it? Click Save.

Your chat history is saved — click History to reopen earlier design sessions.

---

Plan requirement

This feature is on the Business / Elite plan. On a lower plan you’ll see an upgrade notice when you open this card.

---

Example prompts

• Create a 5-item tab bar for a cosmetics store, pastel pink tones.
• Add an icon to each item and turn the last item into a prominent Contact button.
• Design a mega menu like the image I just sent. (attach an image with the Upload button)
• Remove the Blog item, merge Promotions and Sale into one.

---

Case study — build a cosmetics tab bar in 3 chat turns

Context: A new cosmetics store with no menu yet wants a tab bar matching its pastel pink brand.

1. Back up first to be safe (⋮ More → Backup / Restore).

2. Open the Auto design by Navi+ AI card. Turn 1:

   Create a 5-item tab bar for a cosmetics store: Home, Products,
   Offers, Beauty Guide, Account. Pastel pink tones.
   

   The AI builds the tab bar and shows it in the preview right away.

3. Turn 2 — attach a sample UI image with the Upload button, then type:

   Match the corner radius and icons to the style in this image.
   

4. Turn 3 — a small tweak:

   Turn the Account item into a prominent Contact button with a phone icon.
   

5. Satisfied, click Save. Next time you need changes, click History to reopen this session.

Result: A tab bar that matches the brand, finished in 3 chat turns without leaving Navi+.