Use Case7 min read

How to Animate the 'How It Works' Slide in Your Pitch Deck

The 'how it works' slide is the weakest in most pitch decks. Here is how to animate it as a diagram investors can follow, without hiring a designer.

animated pitch deckpitch deckfoundersanimated diagramsinvestor presentations

TL;DR: The "how it works" slide is where most pitch decks lose the room, because it tries to show the whole product at once. Animating it as a diagram that reveals one path, one step at a time, fixes the attention problem without a designer. Describe the flow, generate the animated visual, refine it, export it as MP4 for the live pitch and GIF for the emailed deck, and keep a static frame for the PDF. This post covers what the slide should show, a description you can reuse, and which other slides are worth animating.

Founders spend a great deal of time on their decks; one widely cited analysis of 17,500 decks by Sequel put the average at 18 to 20 hours. The slide that gets the least of that time, relative to how much it decides, is the one that explains how the product actually works. It is usually a dense architecture diagram or a screenshot with arrows, and the investor has read all of it before you finish your first sentence.

Why is the "how it works" slide the weakest one in the deck?

Because it is built for reading, and a pitch is listening. A static product diagram shows every component simultaneously, so the investor's attention goes wherever their eye lands, which is rarely the step you are talking about. You are narrating the moment of value while they are squinting at the integration box in the corner.

The second reason is that founders draw the diagram they see, not the one the audience needs. You know the system; you include all of it. The investor needs one path through it and one moment where the customer's problem is solved. Everything else on the slide is noise that competes with your voice.

The third reason is time. Animating a diagram by hand in PowerPoint or Keynote is an hour-scale job, and the deck is due, so the slide ships static. Static is a choice, and on this slide it is the expensive one. A decent summary of what a pitch deck is expected to contain lists the product slide as a standard element; nothing in that list says it has to be understood at a glance, which is why so few are.

What should an animated "how it works" slide actually show?

One path, four to six steps, one highlighted moment. That is the whole design brief. Specifically:

  • Start with the customer's trigger, not your architecture. "A finance team's bank feed updates" beats "Ingestion service".
  • Reveal steps in the order the customer experiences them. The animation carries the sequence so your narration does not have to.
  • Highlight the step where the value lands. The anomaly caught, the contract signed, the shipment rerouted. One colour, one pause.
  • Mark the moat step if you have one. The proprietary model, the data network, the integration nobody else has. Investors look for it; make it visible without a paragraph.
  • Leave the rest off. Auth, logging, the admin panel: none of it belongs on this slide. It can live on an appendix slide for the technical partner.

Compare this with the way sales teams present the same product, which our sales diagrams guide covers: same principle, different highlighted moment. A sales deck highlights the customer's ROI step; a pitch deck highlights the moat.

How do you generate it without a designer?

Describe the flow, generate, refine and export. Here is a description for a B2B finance product that you can paste into FluxDiagram as written, then swap in your own nouns.

"'How it works' diagram for a finance automation product, five steps left to right: Bank feed updates, Transactions categorised, Anomaly flagged, CFO approves in Slack, Ledger updated. Reveal one step at a time with the arrow drawing before the next step appears. Highlight step three, Anomaly flagged, in teal and hold on it for two seconds; this is the moment of value. Under step two add a small tag 'Proprietary categorisation model' and outline it. Minimal style, white background, dark grey labels, no icons."

Generate it and watch the preview. Then refine with one change at a time:

"Make the arrow from step three to step four thicker and label it '< 30 seconds'."

"Slow the whole sequence down by about a third; this will be narrated live."

If you are on a plan with variants, generate three and pick the one whose pacing matches how you talk. The first draft takes a few minutes, which is the difference between this slide being animated and it shipping static because the deck is due at midnight. Founders presenting a technical product can go deeper with our guide to presenting system architecture, which covers the appendix version.

How do you embed it so it works in the room and in the emailed deck?

The same diagram travels in three formats, because a pitch deck lives three lives.

In the room. Export MP4 and embed it in PowerPoint (Insert, Video, This Device) or Keynote (Insert, Choose). Set it to start automatically so the first step appears as you land on the slide, and turn looping off so the diagram rests on its final frame while you take questions. In Google Slides, a GIF is the simpler embed and loops on its own.

By email. Investors read decks on a phone between meetings. A GIF embedded in the deck plays in most viewers; an MP4 may not. Export the GIF version for the deck you send.

As a PDF. Many data rooms and intro emails want a PDF, and a PDF shows the first frame of a video, which for a build-up animation is nearly empty. Keep a static image of the final frame and swap it in for the PDF export. FluxDiagram can render a still of the finished diagram for exactly this purpose.

The rule underneath all three: the animated visual is a file that lives inside your deck. Your deck tool is unchanged, your template is unchanged, and you are not adopting a new presentation platform two days before a raise.

Which other pitch-deck slides benefit from animation, and which do not?

Animation earns its place where there is a sequence or a change over time. It is noise elsewhere.

Worth animating

  • Traction: a chart whose line draws from left to right, with the inflection point highlighted, is a story rather than a screenshot.
  • Go-to-market motion: a funnel that drops its numbers stage by stage as you explain each one.
  • Roadmap: now, next and later revealed in order, so the audience is not reading the "later" column while you talk about "now".
  • Before and after: the customer's current process, then yours, with the removed steps fading out.

Leave static

  • Team: faces and titles; motion adds nothing.
  • The ask: a single number should sit still.
  • Market size: three nested circles are readable at a glance; animating them delays the point.

Two or three animated slides in a twelve-slide deck is the right ratio. More than that and the motion stops meaning anything, which defeats the purpose of using it on the slide that matters.

Frequently asked questions

Will investors think an animated slide is a gimmick?

Not if the animation carries information: sequence, emphasis, change over time. A five-step flow revealed in order reads as clarity. A logo spinning in reads as a gimmick. Keep motion to the slides where it does work.

Does this replace Keynote or PowerPoint for my deck?

No. You generate one animated visual and embed it in the deck you already have. The rest of the deck, and the tool you build it in, do not change.

What if the product changes before the next round?

Describe the change and regenerate. Adding a step or renaming one is a sentence, and the new file replaces the old one on the same slide.

Can I animate the same diagram for the sales deck?

Yes, and you should. Same flow, different highlighted step: the pitch deck highlights the moat, the sales deck highlights the customer's outcome. Two descriptions, two files.


FluxDiagram generates animated visuals for embedding in PowerPoint, Google Slides and Keynote. Describe what the diagram should show; embed the result in the deck you already have.