Edit faster. Personalize deeper. Make every demo hit harder.

Turn complex demo edits into a fast, seamless workflow – and transform generic product tours into personalized experiences with Wingman, Demoboost's AI-powered editing assistant.

Wingman: AI-Powered Demo Editing

Most teams rely on generic demo environments with sample data, placeholder branding, and one-size-fits-all workflows. While personalized demos create a much stronger buyer experience, customizing every screen manually takes time – and sometimes requires technical skills.

Wingman, Demoboost's AI-powered editing assistant, removes that barrier and helps you personalize and update interactive demos through simple natural language prompts.

Need to replace a logo? Update a chart? Localize a dashboard? Adapt a workflow for a different industry? Simply describe what you want to achieve, and Wingman applies the changes in minutes – no manual editing or technical expertise required.

From quick design tweaks to complete screen transformations, Wingman helps you keep demos polished, consistent, and tailored to every prospect.

Instead of maintaining multiple demo variations or spending hours on repetitive updates, you can quickly adapt each experience to your buyer's company, industry, role, or use case.

Why it's a game changer

Turn generic demos into personalized experiences – Adapt your demo to your prospect's brand, industry, and workflow.

No technical skills required – Describe the outcome instead of editing HTML code.

Edit anything– from a single element to an entire screen –  Wingman understands both the selected content and the context of the full page.

Save hours of manual work – Replace repetitive edits with a single prompt.

Focus on selling –  Spend less time preparing demos and more time creating memorable buyer experiences.

Two ways to edit with Wingman

Wingman gives you flexibility to edit exactly the way you need. Make precise updates to individual components when you know what needs to change, or let Wingman analyze the entire screen and transform it based on your desired outcome.

Edit selected elements

Need a quick, precise update?

Select a specific element – a logo, chart, table, button, text, or dashboard widget– and describe what you'd like to change.

Perfect for:

Replacing logos and images

Updating charts and dashboards

Editing text and UI labels

Personalizing individual components

Transform an entire screen

Need a broader transformation?

You don't always need to target a specific element– simply describe the outcome you want, and Wingman analyzes the entire screen context to understand which elements need to be updated.

Perfect for:

Transforming generic demo environments into personalized experiences

Adapting screens for different industries or buyer personas

Updating branding, content, visuals, and data across a page

Making large-scale changes without manually editing each element

How to use Demoboost Wingman to edit your demo

Need more control over your demo?

While Wingman handles most personalization and editing needs through natural language, technical users can also access and modify the captured HTML directly when they need additional flexibility. This allows you to make precise code-level adjustments, add custom elements, or fine-tune specific parts of the experience.

See how to access and edit HTML in the demo

Brand, Industry & Data Personalization

The fastest way to make a demo feel like it was built specifically for your prospect is to personalize it around their business. Wingman can update company branding, customer data, industries, currencies, addresses, and business context in seconds – helping every buyer immediately recognize themselves in your product.

Perfect for account-based selling, enterprise demos, global sales teams, and industry-specific demonstrations.

Request Type

Brand Personalization

Industry Personalization

Data Anonymization

Data Localization

Realistic Business Scenario

Prompt Examples

  • "Swap this logo with Acme Corp's logo."
  • "Show the client logo in the header (attached)."
  • "Change the header background to Acme's brand colour."
  • "Recolour the primary buttons and links to Acme's brand blue (#0B5FFF)."
  • "Rename the top nav items to match Acme's terminology: Cases, Workforce, Insights."
  • "Update all customer names to hospitals."
  • "Change all employee roles to titles commonly used in manufacturing."
  • "Update all product images to finance-related examples."
  • "Replace these 10 partner logos with healthcare companies."
  • "Change all account names to European logistics carriers."
  • "Change 'invoices' to 'claims' throughout this screen."
  • "Change ticket statuses to field service terms: dispatched, on site, parts pending, resolved."
  • "Change the company names to random ones and fill in the domain column with corresponding domains."
  • "Anonymize partners' names in the cards and change all the logos to the image attached."
  • "Replace all phone numbers and addresses with fictional UK ones."
  • "Replace all account numbers, invoice IDs and order references with random ones in the same format."
  • "Replace the comment thread with generic but plausible internal discussion."
  • "Replace EUR with USD everywhere in the table."
  • "Convert all prices to Japanese Yen."
  • "Replace all person names with common German names and every address with a realistic German one."
  • "Update all phone numbers to US format."
  • "Change all dates to DD/MM/YYYY."
  • "Display time using a 24-hour clock."
  • "Use commas as thousand separators."
  • "Round every price to whole numbers."
  • "Convert all distances from miles to kilometers."
  • "Localize this entire page for Australia by updating currencies, addresses, and phone numbers."
  • "Replace the tax IDs with valid-looking German VAT numbers."
  • "Make this property portfolio look realistic for the UK market - replace the current owners/funds with British-style real estate investment firms and property trusts. Use GBP (£) instead of USD ($). Update the addresses to realistic UK locations and make the overall portfolio feel like a premium UK real estate investment dashboard."
See real-life editing examples by the link

Visual Assets

Visuals often create the strongest first impression. Wingman can replace logos, generate new images, swap icons, update avatars, or use a reference image to recreate a similar visual style– all while preserving the surrounding interface.

You can also upload an image directly into Wingman, either as inspiration for AI or to place it directly inside your demo.

Request Type

Replace Icons & Logos

Bulk Image Updates

Document & Preview Images

Realistic Business Scenario

Prompt Examples

  • "Replace this settings icon with a gear icon."
  • "Replace this avatar icon with a doctor icon."
  • "Show the client logo (attached) in the header."
  • “Replace all the thumbnails with the image attached."
  • "Replace these 10 partner logos with healthcare companies."
  • "Update all product images to finance-related examples."
  • "Replace this PDF preview with a sample invoice preview."
  • "Show a different chart screenshot here."
  • "Make this logo twice as large."
  • "Add a circular border around this image."
  • "All images should have rounded corners."
  • "Use this image(attached) as a reference and recreate the same visual style for this table."
See real-life editing examples by the link

Graphs & Charts

Dashboards tell the story behind your product. Wingman can generate new charts or intelligently reshape existing ones by updating trends, distributions, colors, KPIs, labels, and business metrics – without rebuilding the visualization from scratch.

Perfect for presenting realistic business outcomes instead of generic sample data.

Request Type

Chart Generation

Trend & Scenario Updates

Chart Distribution & Layout

Colors & Highlights

Chart Labels & KPIs

Prompt Examples

  • "Generate a quarterly revenue chart. Match the existing dashboard styling exactly – colors, fonts and spacing."
  • "Create a customer growth line chart. Keep the styling consistent with the current dashboard theme."
  • "Generate a pipeline funnel visualization. Use the styling from the uploaded reference image."
  • "Adjust this line chart to show a 25% steady increase over the last 6 months."
  • "Change this bar chart to show a dip in Q2 followed by a massive recovery in Q3."
  • "Make the overall trend upward, but keep it realistic with natural fluctuations, pullbacks, and uneven peaks. Avoid a straight or perfectly smooth rise."
  • "Make this chart look less flat and more realistic. Add several historical ups and downs with 3–4 visible peaks. Keep the same chart style, colors, size, labels, and layout. Update the line, filled area, and point markers to match the new trend. It should end at 0%."
  • "Adjust the stacked horizontal bar so that all segments are equal width."
  • "Increase the pink segment (Parking duration) twice, and redistribute the remaining space evenly across the other segments, keeping the total bar length exactly the same."
  • "Make the funnel wider overall with less aggressive drop-offs between stages, so conversion looks stronger."
  • "Make the highest bar in this chart bright green and add a label saying 'Record High'."
  • "Highlight the highest-performing region."
  • "Emphasize this month's revenue."
  • "Change the colour of the pink bar from pink to green."
  • "Make the donut chart predominantly red to reflect 'Down' status instead of 'Up'. Increase the red segment significantly and reduce the green segment proportionally."
  • "Change the green colour to yellow. Change the distribution of this chart. Make the red one more than 50%, green small."
  • "Change the Y-axis label from 'Units' to 'Monthly Recurring Revenue (MRR)'."
  • "Update the chart legend to show 'Ad Spend', 'Organic', and 'Social'."
  • "Focus this dashboard on Customer Success KPIs."
  • "Change the scale of the X-axis to show the last 5 years instead of 12 months."
See real-life editing examples by the link

Content Generation & Placeholder Replacement

Empty dashboards rarely make convincing demos. Wingman can instantly populate your product with realistic business data, generate tables, create widgets, replace placeholders, and fill empty states– making every demo feel production-ready.

Request Type

Generate Tables

Replace Empty States

Add Cards & Widgets

Populate Demo Data

Prompt Examples

  • "Create a table with 10 invoices, add columns for Invoice ID, Customer, Amount, Status."
  • "Add a bookings table for last month with 15 rows of data."
  • "Generate a table of support tickets."
  • "Generate a table of 5 active users with columns for Name, Role, and Last Login."
  • "Replace this empty state with a table of sample transactions."
  • "Replace this illustration with a revenue dashboard."
  • "Change the 'No Data' message to a personalized 'Welcome back, [Prospect Name]!"
  • "Add unread badges to the inbox and a notification count on the bell icon."
  • "Populate the currently empty screen with realistic, coherent sample data that replaces the zero values and tells a clear positive story. Preserve the existing structure and update all relevant metrics, labels, tables, and visualizations with internally consistent values."
  • "Add 3 cards here: Revenue, Active Users, Conversion Rate."
  • "Inject a widget showing Project Name, Deadline, and Progress bar."
  • "Add a card showing recent customer reviews with star ratings."
  • "Fill this table with invoices where 3 are overdue and 2 are paid."
  • "Add 20 bookings: 5 cancelled, 15 confirmed."
  • "Update the inventory table to show 4 items with 'Low Stock' warnings."
See real-life editing examples by the link

UI Components Customization

Small interface changes can dramatically improve how prospects experience your demo. Wingman lets you refine layouts, buttons, typography, spacing, and interface styling using natural language instead of manual editing.

Use it to mitigate the temporary hiccups in your live environment or capture, match the upcoming UI changes, and cater your demo for a bigger or smaller screen.

Request Type

Resize & Layout

Shape & Styling

Typography

Icons & States

Remove Elements

Prompt Examples

  • "Make this button twice as wide."
  • "Increase the height of this button by 50%."
  • "Stretch this button to the full width of the container."
  • "Make the column twice as wide."
  • "Make all the buttons on the screen fully rounded (pill shape) to match their design system."
  • "Change these buttons to have sharp square edges."
  • "Set the hover state to dark blue."
  • "Make this button stand out using an accent color."
  • "Make the button text bold and increase the font size to 18px."
  • "Center the text inside the button."
  • "Change the font of the screen to Arial."
  • "Add a checkmark icon before the text."
  • "Add a right-arrow icon to the button."
  • "Replace the icon with a download symbol."
  • "Make this button look disabled (greyed out)."
  • "Add a subtle shadow beneath the button."
  • "Add a gentle glow on hover."
  • "Remove the icon from this button."
  • "Remove the empty columns from this table."
  • "Hide this section without changing the rest of the layout."
  • “Hide the "Upgrade" button behind the overlay."
See real-life editing examples by the link

Element Duplication & Layout Updates

Create richer, more realistic interfaces without rebuilding them manually. Wingman can duplicate components, expand datasets, reorganize layouts, and preserve existing styling automatically.

Request Type

Duplicate Screen Elements

Expand Lists

Dropdown Options

Reorder Content

Copy Styles

Prompt Examples

  • "Duplicate this button and rename it 'Cancel'."
  • "Create another action button beside this one."
  • "Duplicate this card, keeping the exact same background and font styles, and rename it 'Customer Feedback'."
  • "Create three more KPI cards using the same design."
  • "Duplicate the last item in this list."
  • "Add five more realistic users to the table."
  • "Generate ten additional projects and fill in all the columns similar to existing ones."
  • "Add Healthcare as a new dropdown option."
  • "Add Manufacturing and Retail options."
  • "Move the third dashboard tile to the first slot."
  • "Move the 'Delete' and 'Archive' buttons to the end of the row."
  • "Sort this navigation menu alphabetically."
  • "Move the card with the highest growth percentage to the top of the dashboard."
  • "Apply the same hover effect from the 'Submit' button to this new 'Learn More' button."
See real-life editing examples by the link

Interactive Elements & Animations

Small animations and interactive states make software feel alive. Wingman can update switches, sliders, progress indicators, workflow stages, gauges, loading states, and subtle UI animations that naturally draw attention to the most important parts of your demo.

Request Type

Sliders, Toggles & Checkboxes

Workflow & Status Updates

Indicators & Visual Cues

Text & UI Animations

Prompt Examples

  • "Move this slider to the 75% mark and update the numerical label next to it."
  • "Slide the bar all the way to the right and make the track color red."
  • "Set this toggle switch to the 'On' state and change the color to green."
  • "Disable all optional settings."
  • "Set all toggle switches in this list to 'Active'."
  • "Check all the checkboxes in this task list and strike through the text."
  • "Only check the boxes for 'Europe' and 'Asia' in this region filter."
  • "Change these checkboxes to have rounded corners and a blue checkmark."
  • "Update EVERY stage (Verification, Investigation, Approval, and Closed) so that they look exactly like the 'Draft' stage with a green checkmark. Make Verification stage Completed (Green Checkmark exactly like Draft). Make Investigation stage look In Progress (Blue Circle). Leave all other stages the same. Keep the layout exactly the same so the text doesn't jump into bubbles."
  • "Add a red arrow pointing directly at the 'Complete Transaction' button."
  • "Mark this item as High Priority."
  • "Place arrows between these three cards to show the direction of the workflow."
  • "Add a slight pulsation to the map pointers."
  • "Apply a smooth typewriter effect to this message."
See real-life editing examples by the link