How to Make Slides with ChatGPT — From Outline to Deck

“Another deck to build…” — sound familiar? Proposals, status reports, sales pitches: slide-making is unavoidable office work. For years the default was opening PowerPoint and building from scratch. That default is worth questioning.

Generative AI has turned slide creation into something you can genuinely streamline. Text-based formats like HTML and Marp pair especially well with ChatGPT. Instead of burning hours on design tweaks, you get to spend your time on what actually matters — what the slides say.

ChatGPT’s code generation has improved dramatically. You can now edit slides in real time and preview them live in the browser , all inside the ChatGPT interface itself.

This article walks through a new approach to slide creation that can fundamentally change your workflow, with practical prompts you can use today.

---

Hands-on: get started with ChatGPT today

You don’t need to overthink this. Start with the part that usually eats the most time — figuring out what to put on the slides — and let ChatGPT help you work through it.

Build the structure first

Step 1: Clarify the goal and audience, then nail the storyline

Good slides come from good thinking. Who are you talking to, what do you want them to take away, and what action should they take afterward? ChatGPT makes an excellent sounding board for this kind of planning. The goal of this step is to lock in the storyline you’ll feed into Step 2.

Start by tossing your rough idea in:

📋✓I'm planning a presentation to drive adoption of a new internal tool.
The audience is sales team managers.
If I had 5 minutes to present, what structure would land best?
Give me a few options.
[Brief description of the internal tool]

ChatGPT will return several proposals. Don’t stop there — keep the conversation going to make the ideas concrete. That’s the real trick.

For example:

📋✓Option B — leading with a customer success story — sounds promising.
If I go with that, what opening question would best hook the audience?

By iterating like this, you uncover angles and ordering you wouldn’t have arrived at on your own — and the argument gets sharper.

By the end of this back-and-forth you should have a clear purpose, audience, and storyline . Those become the inputs for Step 2. Keep iterating until the storyline feels right.

---

Step 2: Auto-generate the outline

Once the storyline is solid, it’s time to draft the slide outline. Open a fresh chat here, paste in everything you organized in Step 1, and have ChatGPT lay out the full flow at once.

Starting a new chat with clean context is how you get the best output. Copy the prompt below and replace the bracketed sections with your own information:

📋✓Based on the inputs below, draft an outline for a presentation deck.

# Goal:
[Paste the goal you defined in Step 1]
(e.g., drive adoption of a new internal tool)

# Audience:
[Paste the audience you identified in Step 1]
(e.g., sales team managers)

# Key message and storyline:
"""
Paste the storyline you developed during Step 1.
(e.g., open by surfacing the current pain point, introduce the new tool as the
solution, walk through the concrete benefits and how to use it, close with a
call to start using it.)
"""

# Output requirements:
- Total of 5 slides.
- For each slide, give a title and 3 bullet-point key messages.

Anchor the prompt with the right context up front and ChatGPT delivers a coherent storyline from title slide to conclusion. No more staring at a blank slide wondering what comes next.

Build HTML slides with ChatGPT

“HTML? That sounds technical…” — relax. Modern ChatGPT means you don’t need any web development background. Through conversation alone, you can put together professional-looking slides almost magically.

ChatGPT’s code generation is genuinely good

ChatGPT can produce HTML, CSS, and JavaScript — the building blocks of web pages — quickly and accurately. We use that capability to generate slides that render in any browser.

The biggest win: real-time editing and preview right inside ChatGPT . You can also paste the generated code into a local text editor and open it in a browser to check the result. To revise, you just tell ChatGPT what to change — “make this section navy blue” or “add a fade-in animation.”

A ready-to-use HTML slide prompt

Here’s the practical part. With this prompt, the outline you built in Step 2 turns directly into HTML slides:

📋✓Create HTML slides for a business presentation.

# Topic:
Proposal to adopt a new time-tracking system

# Audience:
HR director and executives

# Outline:
"""
Paste the outline you generated in Step 2 here.
(Example)
- Slide 1: Title
  - Proposal: New time-tracking system
  - [Company name]
- Slide 2: The current problem
...
"""

# Other requirements:
- Use the reveal.js library for a professional design.

How to customize this prompt

Adapt the bracketed sections and instructions to match the deck you want. Here’s how each part shapes the output:

• # Topic / # Audience : these set the tone and vocabulary of the entire deck. For a more technical or specialized audience, be specific about who’s in the room.
• # Outline : this is the actual content of the slides. The more detail you provide here, the closer the first draft will be to a finished deck.
• # Other requirements : controls design and behavior. Swap reveal.js for deck.js , or write something natural like “use a navy and white color palette with minimalist styling.”

A practical workflow

1. Generate the HTML using the prompt above.

2. Preview the result. There are two ways to do this.

   [Easiest] Preview in ChatGPT Canvas After the code is generated, switch on Canvas mode (you’ll see a “Open in Canvas” option in chat). In Canvas, HTML and React code blocks get a preview button right next to the code — click it and the slide renders live, just like a browser. No file saving required, and you can edit-and-check in one place. This works on the free plan too.

   [Standard] Save the file locally Copy the entire generated code, paste it into a text editor like Notepad, and save with a .html extension (e.g., presentation.html ). Open the file in your browser to see the slides.

3. Refine in plain English. Tell ChatGPT things like “change slide 2’s background to navy” or “make the slide transitions faster.” Re-preview in Canvas and you’ll see the updates immediately.

Use Marp for Markdown-based slides

If you’d rather build slides by writing prose, Marp is the tool to know.

What is Marp?

Marp lets you create polished slides using Markdown — a simple plain-text format. Combined with the Marp for VS Code extension in Visual Studio Code, you get live preview as you type, and the workflow becomes remarkably efficient.

Marp exports to both PDF and PPTX. (One caveat for PPTX: each slide exports as an image, so you can’t edit text in the resulting PowerPoint file.)

A practical ChatGPT × Marp prompt

Here’s how to ask ChatGPT to write Marp-compatible Markdown:

📋✓Generate Markdown formatted for Marp for VS Code, with the following parameters.

---
- Topic: time management training for early-career employees
- Audience: employees 1–3 years into their career
- Length: 10 minutes
- Slide count: 7 slides
- Use `---` to separate slides.
- Include a header and footer on each slide.
- Use a blue-based, high-readability design overall.
---

The VS Code workflow

1. Generate the Markdown in ChatGPT using the prompt above.
2. Paste into a .md file in VS Code.
3. Preview instantly — with Marp for VS Code installed, hit the preview icon in the top-right of the editor to see the rendered slides.
4. Tweak as needed — edit text, add images. Markdown makes adjustments simple.
5. Export when you’re done. Open the command palette and pick the export option to output PDF, PPTX, or HTML.

Standardize with templates

If reinventing the prompt every time gets tedious — or you want every deck to follow the same format — build your own custom GPT for slide creation.

Create a slide template GPT

Save your preferred slide structures and design choices (Marp header/footer settings, custom CSS for HTML, etc.) as sample HTML or Markdown files, then upload them as the GPT’s knowledge base.

After that, you just say “create a deck about [topic] using the format from your knowledge base” and you get consistent output every time.

Share the GPT with your team and you’ve effectively standardized your deck quality across the company.

Role-specific prompt patterns

Here’s how to adapt the basic prompts to different job functions.

Quick tip The prompts below are templates. To get great output, pair them with the goal, audience, and outline you developed in Steps 1–2. ChatGPT understands context far better when you give it the full picture, and the draft comes out much closer to what you actually want.

Sales

📋✓Create a sales proposal deck for a customer.
Structure: problem statement, proposed solution, case studies, ROI explanation.
8 slides total, in Marp format.

# Outline:
"""
(Paste your prepared outline here)
"""

Executives

📋✓Create a deck for a quarterly business review.
Visualize KPI progress, strategy review, and the next set of action items in
an easy-to-grasp way. Use Marp format.

# Outline:
"""
(Paste your prepared outline here)
"""

Adapt these to your work

The prompts here are starting points. The real value comes from customizing them to your industry, your role, and your style.

Add conditions like “factor in recent trends in [your industry]” or “explain technical terms for a finance team audience” and the quality of the output rises sharply. Don’t be afraid to experiment — that’s how you discover the prompt that works for you.

---

Going further: techniques that compound

Once you’ve got the basics, combine them with other tools to push the workflow further.

Lean on slide libraries like reveal.js

A real strength of HTML slides is libraries like reveal.js, which make it easy to add professional animations and interactive elements (clickable charts, embedded videos). The result: dynamic presentations that hold the audience’s attention.

Generate the talking script alongside the slides

Once your deck is ready, ask ChatGPT to do this:

📋✓I'll be presenting these slides for 10 minutes.
Create a detailed speaker script with time allocation for each slide.
Also generate 5 likely Q&A pairs.

In one shot you get a script aligned with the slides and ready answers for the Q&A — your entire presentation prep, done.

---

Background: the bigger picture

Finally, a quick map of the options for ChatGPT-based slide creation, plus useful context.

Your options at a glance

The recommended approach: HTML and Marp

• Why : text-based and lightweight, with live preview. Easy to version-control with Git, easy to revise.
• Best for : daily reports, internal presentations, technical briefings — anywhere speed and frequent updates matter.

The traditional approach: PowerPoint integration

• Advanced Data Analysis (formerly Code Interpreter) : have ChatGPT generate and run Python code that uses the python-pptx library to produce a .pptx file directly.
• VBA macro automation : ask ChatGPT to write VBA code that automates routine PowerPoint operations like text insertion and shape placement.
• Best for : formal presentations with strict design templates, or external-facing decks where PowerPoint format is required.

Turn off training before using ChatGPT for business

Information security is one of the key issues to address when using ChatGPT at work. Without the right settings, your inputs may be used to train the AI in ways you didn’t intend.

Either turn off training in your settings, or sign up for a business plan. Configure it correctly, stay within your company’s data-handling policy, and you can use ChatGPT productively at work.

How to disable training data usage

Step 1: Open settings

1. Sign in to ChatGPT, then click your profile picture in the top-right or bottom-left corner.
2. Select “Settings.”

Step 2: Update data controls

1. From the left menu, choose “Data Controls.”
2. Find the “Improve the model for everyone” setting.
3. Toggle it off and confirm.

Stronger security on business plans

For company-wide use, the Team and Enterprise plans offer more robust security controls.

• ChatGPT Enterprise and Team plans don’t use your inputs for training
• SSO integration and granular access permissions are available

Reference: https://openai.com/business-data/

For team usage, these plans are worth seriously considering.

FAQ

• Q. How do I print HTML slides?
  • A. Use the browser’s print function (Ctrl+P or Cmd+P) and select “Save as PDF.”
• Q. How do I embed images or videos in Marp?
  • A. Use standard Markdown image syntax: ![alt text](path/to/image) . For details on options, just ask ChatGPT.
• Q. Which file format should I use for what?
  • A. For day-to-day work and team collaboration : Marp ( .md ) or HTML. For final distribution : PDF. When PowerPoint viewing is required : PPTX. That mental model covers most cases.

---

Summary: a new way to make slides

ChatGPT’s modern features release you from the PowerPoint-from-scratch ritual. The result is a more efficient and frankly more creative way to work.

HTML and Marp can sound intimidating, but the core skill is simple: tell ChatGPT what you want. Start with simple prompts, customize gradually to fit your work, and the workflow becomes second nature.

Start today

1. Ask ChatGPT to generate HTML slides on a simple topic.
2. Set up VS Code with Marp and try writing a deck in Markdown.
3. Pick a deck format you build often and create a dedicated prompt for it.

The tools have changed. Embrace them, finish routine deck work fast, and put your time into the work that actually requires you.