--- title: "Design Agent in Insider One" slug: "design-agent" description: "Learn how Design Agent generates campaign designs from prompts in Insider One: Pop-Up and Gamification Modes, editing tools, limitations, and error messages." tags: ["create smart design", "game templates", "gamification mode", "pop-up mode"] updated: 2026-06-22T09:22:35Z published: 2026-06-22T09:22:35Z canonical: "academy.insiderone.com/design-agent" --- > ## Documentation Index > Fetch the complete documentation index at: https://academy.insiderone.com/llms.txt > Use this file to discover all available pages before exploring further. # Design Agent Design Agent is an AI-powered capability that streamlines the creation and customization of campaign templates. It enables teams to generate on-brand campaign designs rapidly without coding, significantly reducing production time and dependency on design and development resources. Design Agent supports three primary modes of operation: - **Pop-Up Mode** Used for creating standard pop-up designs that may include images, buttons, countdown timers, static coupon codes, and text elements. - **Gamification Mode** Used for generating interactive, playable campaign experiences through natural-language prompts, such as Rock–Paper–Scissors, Tic Tac Toe, Word Guess, and Digit Recall. - **Inline Mode** Used for non-intrusive, native placements, operate in markets with regulatory restrictions on popups, or want to place personalized content mid-page, such as within product listings, blog posts, or the checkout flow. These modes enable you to design engaging, high-impact campaign experiences while preserving brand consistency and minimizing operational complexity. Design Agent also marks an advancement toward AI-driven marketing personalization, strengthening automation capabilities and interactive campaign design within OnSite products. ## Pop-Up Mode Pop-Up Mode is designed to create pop-up designs featuring images, buttons, countdown timers, static coupon codes, and text elements using generative AI. ### Capabilities - Generates ready-to-use pop-up layouts based on natural-language prompts. - Allows users to edit or regenerate designs using additional prompts. - Supports manual fine-tuning through the in-editor floating menu. ### Key benefits - Reduces popup creation time from hours to minutes. - Minimizes reliance on design and technical teams. - Improves campaign speed, quality, and consistency across teams. ## Gamification Mode Gamification Mode automates the creation of interactive, game-based campaign experiences designed to increase user engagement and conversion. ### Capabilities Generates five complete, playable game types in its initial release: - Rock–Paper–Scissors - Tic Tac Toe - Color Hunt - Word Guess - Digit Recall Additional capabilities include: - Creating visual and gameplay variations aligned with brand identity - Reusing built-in logic for scoring, animation, and interactivity - Enabling scalable self-service game creation for partners and internal teams ### Key benefits - Accelerates expansion of the gamification library through AI-generated templates. - Reduces dependency on external teams by up to 90%. - Enables partners to react immediately to seasonal, campaign, or trending concepts. ## Inline Mode Inline Mode enables AI-generated campaigns to be embedded directly into the page without interrupting the user experience. ### Capabilities Generates ready-to-use inline content blocks based on natural-language prompts. Supports placement configuration via page zone or CSS selector. Provides full Design Agent capabilities, such as editing, dynamic content, and publishing, for inline formats. ### Key benefits - Offers a non-intrusive alternative to popups, ideal for ones who prefer embedded placements. - Supports accounts operating in markets with regulatory requirements that limit popup usage. - Enables personalized content mid-page, for example, within product listings, blog posts, or the checkout flow. ## How Design Agent works 1. Navigate to **Design Agent** from the Onsite Experiment’s Design step using the top menu. ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-U8S782SE.png) 1. A built-in help and education panel is available within the interface, where you can review capabilities, limitations, and important usage notes to better understand how Design Agent works. ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Design Agent-How Design Agent Works 2.png) 1. You can choose either Pop-Up, Gamification, or Inline mode. ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-Y5V6C50M.png) - **Pop-up Mode**: When selected, the system displays prompt suggestions (e.g., “Create a seasonal signup popup with a countdown timer”) to help you start the chat and generate a design instantly. ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Design Agent-How Design Agent Works 4.png) - **Gamification Mode**: When selected, the system displays a list of available game templates (e.g., Rock–Paper–Scissors, Tic Tac Toe, Word Guess). You must pick one game type to continue customizing it through prompt instructions or direct edits. ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Design Agent-How Design Agent Works 5.png) - **Inline Mode**: When selected, the system displays a list of available game templates (e.g., Promo Bar, Last Chance Deal), and prompt area. You can pick one game suggestion, or enter a prompt to continue customizing it.![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-7QVN75DZ.png) 1. **Navigation Mode**, particularly valuable in Gamification Mode, allows you to switch between different game screens or states (for example, start screen, gameplay, win screen, loss screen). This enables you to preview each step of the experience and fine-tune the design and content for every stage of the game. ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-WEZTVS0S.png) 1. You can describe what you want using natural language. For example: “Create a holiday-themed popup with a countdown.” “Generate a pastel-colored Tic Tac Toe game for a fashion brand.” 1. The system generates a fully functional design for a pop-up or game template. Both layout and logic (e.g., game scoring, animations, interactivity) are automatically created. 2. You can instantly undo or redo recent changes from the top bar, ensuring flexibility and creative freedom during customization. 3. You can click directly on elements to modify visuals, copy, or layout. The floating editor menu enables fine-tuning without re-running generation. ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Design Agent-How Design Agent Works 8.png) 1. At any time, you can start a new design session using the **Create a New Chat** option, which clears the previous prompt and launches a fresh AI-assisted design process. 2. Once finalized, save and publish your design through the standard campaign workflow (segment, rules, launch). ## Limitations and error messages The Design Agent uses AI to interpret user prompts and generate campaign designs. However, certain inputs, conditions, or technical issues can result in limited or failed outputs. Below are the main cases and the messages you may encounter: ### Successful scenarios | Type | Description | System Response | | --- | --- | --- | | Successful Generation | The prompt is valid, supported, and clearly structured. | | | Semi-successful Generation | The AI partially understands the request but omits minor details (e.g., missing styling or limited animation). | The design is generated using partial elements; you are advised to refine the prompt for better results. | ### Prompt-related failures | Type | Description | System Response | | --- | --- | --- | | Irrelevant Prompt | You enter a prompt unrelated to design or gamification (e.g., “How to be rich?”). | “Design Agent can only help you create designs. You can enter another prompt to start creating.” | | Unsupported Game | You request a game type not among the five supported during initial development (e.g., “Create a Flappy Bird game”). | “Design Agent can only create gamification designs based on the available game types. Please enter another prompt and try again.” | | Not Understood | Your prompt is ambiguous or incomplete, and the AI cannot infer a valid design. | “Your request couldn’t be applied. You can rephrase your prompt and try again.” | ### System-related failures | Type | Description | System Response | | --- | --- | --- | | Backend Error / Timeout | A server issue or long generation time prevents design creation. | “Your design couldn’t be created right now. You can wait for a while and try again.” (Includes a “Try Again” button.) | | Failed Generation | The system fails to produce a valid output due to an internal error or unexpected prompt structure. | “Generation failed. Please refine your prompt or try again later.” | ## Related - [FAQ about Design Agent](/design-agent-faq.md) - [Branding Settings for Design Agent](/branding-settings-for-design-agent.md) - [Prompt Library for Design Agent](/prompt-library-for-design-agent.md) - [Dynamic Content in Design Agent](/dynamic-content-in-design-agent.md) - [Inline Templates of Design Agent](/inline-templates-of-design-agent.md) - [Figma Support for Design Agent](/design-agent-figma-support.md)