--- title: "AI Mode is Here: And It’s Changing Everything 🤖" slug: "/help/demos/edit/ai-mode/ai-mode" sidebar_position: 4 topic: "edit/ai-mode" last_updated: "2026-10-08T09:47:20.869Z" zendesk_id: 46843970908947 zendesk_url: "https://help.walnut.io/hc/en-us/articles/46843970908947-AI-Mode-is-Here-And-It-s-Changing-Everything" locale: "en-us" product: "demos" displayed_sidebar: "demosSidebar" --- ## **Overview** AI Mode is Walnut’s next-generation, AI-powered creation experience — built to help you **build, edit, modernize, and publish demos faster than ever**. Instead of clicking through menus or making repetitive manual changes, you simply tell the AI what you want, and it performs real actions directly inside the editor. Think of it as **vibe coding for demos**: an AI that understands your screens, your narrative, your variables, and your template structure — then turns your instructions into **actual editor operations**, not just text edits. Unlike traditional AI helpers, AI Mode combines **content intelligence + editor control**. It can update text, restyle elements, anonymize data, create or refine guides, manage variables, and even **publish demos from templates** — all through a single conversational interface. Powered by the Walnut AI Power Stack — Story Capture, EditsAI, and InsightsAI — AI Mode lives inside the editor and helps you move from **Idea → Structure → Polish → Publish** in one seamless workflow. **You describe the demo. AI Mode builds it.** ## In This Guide - [See AI Mode In Action 💫](#h_faq) - [What AI Mode Can Do](#h_capabilities) - [Never Get Stuck Again: Your AI Co-Pilot Has You Covered](#h_01KBQQPPA8XQ9JN1DPE3NAP3MJ) - [Before You Start](#h_01KBQMVZE8P7041EKCSFHW9MM6) - [Quick Start Guide](#h_01KBQN898FR8PWAGE3YV136NK4) - [Best Practices for Getting the Most from AI Mode](#h_best_practices) - [FAQs](#h_faq) --- ## **See AI Mode in Action 💫** [**Open in a new tab**](https://wlnt.io/s/QlwB9_) --- ## **What AI Mode Can Do** AI Mode brings together everything you need to **build, edit, personalize, style, anonymize, and publish** demos — all from one conversational interface inside the Walnut editor. It’s your all-in-one workflow for turning screens into polished, guided product stories. ### **🧭 Build Your Demo Story (Guides & Narrative Creation)** AI Mode helps you shape your story — not just your screens. - Create guided flows directly from screen context. - Generate step titles, descriptions, and a clean narrative sequence. - Turn Story Capture narration into structured steps (or use semantic screen data when narration isn’t present). - Add or update annotations to highlight key UI elements. - Add, replace, or remove tables inside guide annotations. - Rename a guide — ask AI Mode to rename a specific guide and it updates the name in the template's original language (translations keep their own name). - Turn the spotlight effect on or off for a guide step. - Lay out a guide step's buttons horizontally or vertically. - Change the colors of your guide theme — tooltip, modal and hotspot card backgrounds, buttons, and text. The guide theme is template-wide, so the change applies to every guide in the template. - Export the demo's guides to a CSV file. - Apply best-practice storytelling patterns automatically. --- ### **📝 Edit & Personalize Your Content (Content Edits)** Refine your messaging, clarify flows, and personalize at scale. - Rewrite or polish text anywhere in your demo. - Run powerful find & replace across your template. - Replace static text with dynamic variables (for example, `{{company_name}}`, `{{role}}`). - Create new variables and apply them consistently across screens. - Delete unnecessary UI elements or duplicate them for new content blocks. - Copy an element from one screen to another — a back button, banner, nav item, or card — carrying its current edits and links so you never have to rebuild it by hand. Move it instead to also remove it from the source screen. - Put the same element or edit on many screens in one request: AI Mode copies the element once, then applies it to every other screen you name, the same way the editor's Global Edits do. Screens that don't have a matching element are reported back to you rather than skipped silently. - Remove a link from every screen at once, or only from the screens you name. - Delete one or several screens in one request. Because deleted screens can't be restored, AI Mode first shows what you'll lose — guide steps, links from other screens, and whether it's the starting screen — and only deletes after you confirm. - Improve tone, tighten clarity, and rewrite for specific personas or use cases. - Set a screen's presenter notes — the notes shown to whoever presents the demo, not text on the screen itself. AI Mode replaces the existing notes with the text you provide and drops any rich formatting; pass empty text to clear them. Because this change can't be undone, AI Mode will confirm before overwriting notes that already have content, and the previous text is returned in the chat so you can paste it back if needed. --- ### **🎨 Style & Clean Up Your Demo (Visual Edits via EditsAI)** EditsAI now lives inside AI Mode — giving you beautiful, consistent formatting in seconds. - Change text colors, background colors, and font sizes. - Apply bold, italics, underline, and adjust hierarchy. - Add borders, outlines, shadows, and rounded corners. - Rotate or reposition elements. - Change text alignment and capitalization, or remove automatic list numbering. - Fix spacing, alignment, and visual inconsistencies across screens. - Blur sensitive content (with underlying text and HTML scrambled). - Apply global styling updates across many screens at once. --- ### **🔐 Anonymize & Protect Sensitive Data (Privacy-Friendly Editing)** Perfect for healthcare, finance, and any regulated environment. - Blur or anonymize names, emails, addresses, and logos. - Randomize or anonymize identifying information. - Keep demos compliant while still telling a clear product story. --- ### **🌟 Personalization at Scale (Variables + Dynamic Dates)** Make every demo feel custom — without manual work. - Add variables for names, companies, roles, regions, and more. - Replace hard-coded details across every screen in a single flow. - Use dynamic dates to keep timestamps and examples looking fresh and recent without recapturing. - Combine variables and dynamic dates to tailor demos by persona, account, and time frame. --- ### **🖥️ Generate Images On-Demand (AI Image Generation)** Need a hero banner, placeholder logo, or supporting visual? AI Mode can create images directly from a prompt — no separate tool required. - Generate an image from a text description (up to 500 characters). - Provide a reference image URL (PNG, JPEG, WebP, HEIC, or HEIF) to create a similar-style variant. - Generated images are saved automatically to your **Media Library** so you can reuse them across demos. - Specify dimensions, subject, and style in the prompt for best results (for example, *“Create a banner image with contact center professionals working in an office environment, 1707x282”*). If a prompt is empty, too long, or trips a content-policy check, AI Mode surfaces the reason in chat so you can refine and retry. --- ### **🚀 Create & Publish Demos (Template-Driven Creation)** Go from template → published demo faster than ever. - Create new demos directly from existing templates. - Duplicate the template you're working in — AI Mode creates a separate, private copy named "Copy of \" that you own. You stay in the original template, so open the copy from your library to keep editing it. The copy isn't removed when you undo AI Mode's changes; delete it manually if you change your mind. - Update access settings, including: - expiration date, - email required, - allowed or blocked viewers, - internal-only access. - Adjust link settings, including: - show or hide guides, - Guides Toolbar behavior, - hotspots, - default language. - Configure communication settings: - welcome message, - gate colors, - notifications. - Publish demos automatically using your template defaults. --- ### **🧠 Built-In Intelligence (Smarter Guidance, Fewer Dead Ends)** AI Mode understands the structure of your demo and guides you every step of the way. - Reads your captured HTML, UI structure, and semantic content. - Uses narration (when present) to generate stronger guided flows and clearer stories. - Falls back to screen content and structure when narration isn’t used. - Automatically surfaces relevant Knowledge Base articles when an action isn’t supported. - Provides instructions and recommended workflows directly inside the editor, so you always know what to do next. :::note[⚡ Build Faster. Build Smarter.] Unlock full **end-to-end AI workflow** power — the [**Walnut AI Creation Playbook — Build Demos at the Speed of Thought**](https://help.walnut.io/hc/en-us/articles/47025959213203) will take you and your team to the next level. ::: --- ## **Never Get Stuck Again: Your AI Co-Pilot Has You Covered** AI Mode is designed to support you as you build — even when it can’t perform a specific action yet. ![](pathname:///images/8b55d4e850e118d2.png) - **Automatic Knowledge Base links:** If you request something AI Mode doesn’t currently support, it will surface the most relevant KB article right inside the editor. - **Inline instructions:** AI Mode can pull step-by-step guidance directly from Walnut’s Knowledge Base and display it in the chat, so you don’t have to leave the editor to keep building. ![](pathname:///images/e31fba4e7725c96e.png) - **Alternative suggestions:** When an action isn’t yet possible, AI Mode recommends the closest supported workflow or editor tool to help you accomplish your intent. You never hit a dead end — AI Mode always offers a clear next step, instructions included. --- ## **Before You Start** Before using AI Mode, make sure your template is set up for success. An Admin must enable AI access, and your template should already include a few captured screens—either from Story Capture or Single Capture. AI Mode relies on this screen context (HTML, UI structure, and narration, if provided) to understand your demo and take meaningful actions like generating guides, editing content, and applying styles. - [**Enable AI Access (Admins Only)**](#h_01KBQMVZE8PQB1KC6FR01X0VRV) - [**Prepare Your Template for AI-Powered Creation**](#h_01KBQQSPQCB5VBQ0HF9D24Z2CS) --- ### **Enable AI Access (Admins Only)** 1. Go to **Company Settings** in the left navigation menu. 2. Select the **Account Settings** tab. 3. Scroll to the **AI** section. 4. Toggle on **Enable AI Feature Access**. 5. Click the **Save Changes** button in the upper right corner. Once AI access is enabled — and your template contains at least a few captured screens — the **AI Mode** button will appear in the top-left corner of the editor. --- ### **Prepare Your Template for AI-Powered Creation** AI Mode only appears when your template has screen content to work with. **Add at least a few captured or imported screens** so AI Mode can read the semantic HTML, text, and UI structure — this allows the AI button to activate and ensures it can generate guides, edit content, and perform meaningful actions. #### **How to Add Screens Before Using AI Mode** AI Mode works with all of Walnut’s capture and import workflows. Choose the option that best fits your demo-building style: ##### [**Story Capture**](https://help.walnut.io/hc/en-us/articles/39967754249875) - Records your clicks as you walk through your product. - Lets you optionally record narration (in English) to describe your product and flow. - **If narration is present,** AI Mode uses both the on-screen content and your spoken explanation to infer intent, identify guide opportunities, and generate a draft story. - **If narration is not present**, AI Mode uses semantic screen data — captured HTML, UI structure, and content hierarchy — to build guided steps based on what it sees in each screen. **Best for:** guided demos, narrative-first demos --- ##### [**Single Capture**](https://help.walnut.io/hc/en-us/articles/41878323811219-Walnut-Chrome-Extension#h_01JXD76XBSNC9CYJRBETGYG0AQ) - Captures one screen at a time. - AI Mode reads the HTML, content hierarchy, and UI elements to understand each screen. - Great for bulk edits, variable replacement, anonymization, and style updates. **Best for:** all purpose, guided demos, non-guided demos, and hybrid demos --- ##### [**Screens Library**](https://help.walnut.io/hc/en-us/articles/32035634230803-Guide-to-Creating-Interactive-Product-Experiences-in-Walnut#h_01JY4EJSBJ7HRMMJ1YQK7B29S5) ![](pathname:///images/c29d8d2550566342.png) - Pull in screens your team has already captured—no recapturing needed. - Works seamlessly with static images, desktop app captures, Figma exports, and non-HTML screenshots. - AI Mode analyzes the visual structure to enable step generation, refinements, and style updates. **Best for:** assembling demos quickly from existing assets, showcasing desktop apps, importing Figma designs, or static screenshots --- ##### **Figma Import** - Import frames directly from a Figma file as **editable, interactive screens** — not static images. - Once an admin connects Walnut to Figma in **Company Settings → Integrations**, paste any Figma file or frame URL from the editor to review and pick which frames to import. - Prototype interactions between imported frames are automatically wired up as Walnut link edits, so navigation between imported screens works out of the box. - AI Mode can drive the import too — point it at a Figma URL and confirm which frames to bring in. **Best for:** turning Figma designs into interactive demos before the product is capture-ready. **Learn more:** [**Import Screens from Figma**](/help/integrations/figma) --- ##### **PowerPoint & PDF Import** - Import a PowerPoint deck (`.pptx`) or a PDF into your storyline, **one screen per slide**. - Upload the file from your machine, review the slides it contains, pick which ones to import, and choose which section they land in. - Slide titles become screen names (or `Slide N` / `Page N` when a slide has no title), hidden slides are default-deselected, and speaker notes are carried over as presenter notes. - Each imported slide is a **rendered image** of the slide — the screen is clickable, but its contents are pixels, not editable text. Imported slides are not translatable and their text is not personalisable with variables. - Uploads are limited to **250 MB** and **150 slides per import** — for larger decks, split them and import in parts. Legacy `.ppt` files aren't supported; save the deck as `.pptx` first. - If the renderer has to substitute a font the deck asked for with one that changes how it looks, the import modal warns you once for the deck and suggests re-exporting as a PDF (which embeds its own fonts). - AI Mode can drive the import too — ask it to import a deck and it will open the picker for you. **Best for:** turning existing sales decks or PDF collateral into a Walnut storyline you can guide, annotate, and share. --- ## **Quick Start Guide** :::note[Important] To unlock AI Mode, an Admin must first enable AI access in **Company Settings → Account Settings**. This setting is off by default for all users. ::: **1️⃣ Open AI Mode** From any template, click the **AI Mode** button in the upper-left corner of the editor. ![](pathname:///images/14e58b1445f6f670.gif) A conversational AI panel opens on the left with: - Smart suggestions and common actions - Contextual help when an edit isn’t supported - Your previous chats for quick reuse **"Just Chat” and “Manual Editing” Modes** AI Mode is designed to run _alongside_ your normal editing workflow. You can move between conversational AI and manual edits at any time — and AI Mode will **keep processing your requests in the background**. **⬆ Just chat:** - Talk to AI Mode without applying changes to the template. - Use it to ask questions, get Knowledge Base instructions, or draft ideas for guides and copy. - In this mode, AI Mode behaves like a pure chatbot and will not modify your template. **✏️ Manual editing:** - Switches the editor back to standard manual edit mode. - You can update screens, elements, and guides by hand as usual. - While you edit, **AI Mode continues running any active processes in the background** and incorporates your manual changes into its understanding of the template. **🔄 Keep Editing While AI Works for You** - AI Mode and manual editing are fully compatible, giving you a smooth, parallel workflow. - Start an AI operation, then immediately continue working with manual edits. - Jump back into AI Mode at any time to run new prompts or refine previous changes. ![](pathname:///images/e997ccd3810391ae.png) --- **2️⃣ Start with a Common Use Case (Optional)** Try a suggested action to see AI Mode in action immediately: - **Anonymize personal content on all screens** - **Personalize customer details** - **Make dates look more recent** **👉 For the full set of supported actions, see** [**What AI Mode Can Do**](#h_capabilities). --- **3️⃣ Start Prompting in Natural Language** Use AI Mode like a chatbot — but one that can perform real operations in your demo. ![](pathname:///images/a436cad2106a4ef5.png) **Editing & cleanup examples:** ``` “Rewrite all text in a clearer, more professional tone.” ``` ``` “Blur any sensitive data across this template.” ``` ``` “Replace all company names with variables.” ``` ``` “Copy the Back button on screen 1.2 to every screen in the Reporting section.” ``` ``` “Remove the link to the pricing page from every screen.” ``` **Guides & structure examples:** ``` “Create guide steps across all screens.” ``` ``` “Add an annotation highlighting the primary call-to-action.” ``` ``` “Turn on spotlight for step 3 and make the tooltips dark purple.” ``` **Styling examples:** ``` “Update all button labels to use our dark-mode purple.” ``` ``` “Add a 2px border and rounded corners to this card.” ``` **Publishing examples:** ``` “Publish this demo with a 14-day expiration and email required.” ``` --- **4️⃣ Review, Refine, or Revert AI Changes** After each action, AI Mode shows exactly what it changed — giving you full control to refine or roll back edits. - **✨ Review & Adjust** - Inspect AI-generated changes directly on your screens - Refine or regenerate edits from the AI Mode panel - Discard specific suggestions you don’t want to keep - **🔄 Undo the most recent change** - Use `Ctrl + Z` (Windows) or `Cmd + Z` (Mac) to undo the last AI action. - _Note: This only works for the most recent edit._ - A change AI Mode makes across many screens at once — copying an element, applying an edit globally, or removing a link everywhere — counts as one change, so one undo takes back every screen. - **🗑️ Revert all changes from a specific prompt** - Open the AI Mode panel - Find the prompt - Click **⋮ → Delete chat** - Deleting a chat removes **all edits tied to that prompt** across all screens. _Spot-reverting individual actions from earlier in the prompt is not supported._ - **🕓 Go back to an earlier version** - Ask for a point in time, such as _“show me yesterday’s version”_. AI Mode finds it and opens it in **Version History**. - Review the read-only preview, then click **Restore** or **Make a copy** yourself. AI Mode never restores a version on its own. - _Restoring replaces the current demo, so edits made since the last saved version are lost. Use_ **Make a copy** _if you're unsure._ - _Some changes can't be undone: deleting screens, and overwriting presenter notes. AI Mode always asks you to confirm these first._ --- 5️⃣ **Generate Guides & Guide Steps** AI Mode can automatically turn your captured screens into a guided demo — no manual step creation required. This works with **any capture method** from the [Walnut Extension](https://help.walnut.io/hc/en-us/articles/41878323811219): - **Story Capture with narration:** AI Mode uses your clicks, narration, and on-screen content to infer intent and generate meaningful guide steps. - **Story Capture without narration:** AI Mode interprets the semantic HTML, text, and UI structure to build a logical guided flow based on your walkthrough. - **Single Capture or Screens Library content:** AI Mode analyzes each screen’s layout and text to help you quickly create a narrative or propose starter guide steps. AI Mode always uses the richest context available — narration if it exists, and if not, the screen’s semantic data — to create the strongest draft story possible. If you used Story Capture, AI Mode can convert your actions + narration into structured guide steps: ``` “Generate a 12-step guided demo based on my narration.” ``` --- **6️⃣ Smart Publish Your Demo** Use AI Mode to check your demo for consistency before publishing: ``` “Before we publish, check for long steps, repeated phrases, and inconsistent capitalization.” ``` Then publish: ``` “Publish this demo using the current template settings.” ``` --- 7️⃣ **Get Help When Something Isn’t Supported** AI Mode is designed to guide you as you build — even when it can’t take a specific action yet. - **Clear explanations:** If AI Mode can’t perform a request, it will tell you why directly in the editor. - **Automatic Knowledge Base links:** AI Mode surfaces the most relevant help articles so you can follow step-by-step instructions without leaving the editor. - **Alternative solutions:** When the requested action isn’t supported, AI Mode will recommend the best way to accomplish your goal using available editor tools or suggested workflows. You never hit a dead end — AI Mode always shows the next best step and provides the instructions to keep you moving forward. If AI Mode can’t perform something, it will explain why and link you to the relevant Knowledge Base article. --- ## **Best Practices for Getting the Most from AI Mode** - **Start with your outcome.** Tell AI what you want to achieve — it already understands your screens and context. - **Use narration when possible.** Story Capture gives AI deeper context, leading to stronger, more accurate guided flows. - **Iterate in micro-passes.** Short, focused prompts produce faster refinements and higher-quality results. - **Personalize early.** Use text variables and dynamic dates to prepare your demo for different personas, accounts, and scenarios. - **Run a cleanup pass before publishing.** A single prompt can refine tone, styling, formatting, or clarity across all screens. --- ## 🏎️💨 **Supercharge Your End-to-End AI Workflow** Ready to build demos at the speed of thought? The [**Walnut AI Creation Playbook**](https://help.walnut.io/hc/en-us/articles/47025959213203) shows you how to move from _Idea → Structure → Polish → Publish_ using a fully AI-first workflow. This is your roadmap to unlocking the full creative power of AI Mode. --- ## **FAQs**
Which AI Models Does Walnut Use?

Walnut uses a combination of models from Anthropic, OpenAI, and Google Gemini Pro.

The system dynamically selects the best model based on:

  • Task type
  • Context complexity
  • Model performance & availability
  • Latency requirements

This hybrid approach ensures maximum reliability, output quality, and uptime.

Can I Use My Own LLM Keys?

Yes. Walnut support customer-provided LLM (Large Language Model) API keys.

Can AI Mode Edit Charts?

Yes. AI Mode can edit both HTML-based tables and interactive charts directly through prompts.

For interactive charts, you can change chart data and trends (for example, “make the green bar 50% taller”), rename axis labels, funnel stages and legend text, recolor or retheme series, and update titles, labels, and inline text — without touching code.

Supported chart libraries: Highcharts and Chart.js are fully supported. Other libraries such as D3, Recharts, and ApexCharts may not respond to prompts.

---