figma guide

Slide Decks in Figma: Layout, Grids, and Presenting Modes

Build keynote-ready decks in Figma: slide masters, 16:9 frames, type scales, grid systems, speaker notes patterns, and prototype present mode—without fighting the canvas.

Published
Updated
May 16, 2026
Read time
5 min
Level
Intermediate

Quick answer

Figma is not a dedicated slide app, but it excels at visual systems: reuse components for titles and bullets, lock a 16:9 (1920 × 1080) master frame, and run reviews in Prototype → Present with flows ordered top-to-bottom. Treat each slide as a frame on a vertical canvas, use Auto Layout for predictable bullet stacks, and keep a separate notes column on the page (or a mirrored page) so speakers do not clutter the artboard. For layout fundamentals that carry over from UI work, refresh Figma Auto Layout in practice before you wire dozens of decks.


When Figma beats traditional slide tools

ScenarioFigma shinesConsider a classic deck app instead
Design-led storytelling with real UIEmbed live components from your libraryHeavy transitions, morph builds
Workshop critique with designersFast commenting, multiplayerSpeaker timer + teleprompter
Brand system slides (tokens, color)Variables and modes stay truthfulCorporate wizard templates
Client wants editable PPTX day oneExport friction (manual rebuild)Native PowerPoint

Verdict: pick Figma when the deck is a design artifact—portfolio reviews, sprint readouts, UX vision decks—not when animation timelines are the product.


File setup: masters, pages, and naming

  1. Create a page 00 — masters with _Master / Title, _Master / Section, _Master / Two-column components.
  2. Add a page 01 — deck_may2026 for ordered slides; stack frames vertically in reading order so Prototype flows follow naturally.
  3. Prefix frames 01_title, 02_agenda, … so sorting stays stable when you insert slides mid-stream.
  4. For dark/light variants, lean on variables and modes in Figma: a designer-first explainer instead of duplicating whole masters by hand.

Grids and the 16:9 frame

Standard HD: 1920 × 1080 is the safest default for screen share clarity.

Grid recipe

  • Columns: 12 columns with outer margins (for example 96 px) so text never hugs the bezel on projectors.
  • Rows: optional 6-row modular grid for vertical rhythm; align baseline of body copy to row increments.
  • Safe title area: keep primary titles inside an upper band; logos and footers in a bottom margin band so video call UI never covers credits.

Lock the grid on master components so every instance inherits the same snapping discipline you use for product UI.


Typography that survives projection

  • Limit deck fonts to one family + one accent; embed licensing expectations in the file description.
  • Establish a type ramp: Display, H2, Body, Caption—as text styles, not ad-hoc sizes.
  • Increase line-height slightly versus dense UI screens; rooms with weak projectors need air.
  • Test contrast on a gray background layer simulating a bright room; pair with accessibility plugins from best Figma plugins for accessibility (2026) when color choices are contentious.

Bullets and two-column layouts with Auto Layout

Bulleted slide

  1. Create a vertical Auto Layout frame for the content block with a fixed width (for example 1200 px) inside the 1920 frame.
  2. Each bullet is a horizontal row: dot + text with gap; wrap long lines instead of shrinking font first.
  3. For icons beside bullets, pin icon boxes to fixed width so text wraps cleanly.

Two-column compare

  • Use nested Auto Layout: a horizontal parent with two vertical children (Pros, Cons) and equal Fill widths.
  • Add a vertical divider as a separate child with fixed width for predictable spacing.

Images, charts, and “fake data”

  • Rasterize heavy charts only when necessary; prefer vector for crisp axes on 1080p.
  • For screenshots, mask into consistent rounded rectangles so the deck feels systemized.
  • When you paste large PNGs, scale from corner with constraints locked so you do not stretch pixels.

Presenting: prototype flows and speaker hygiene

  1. Wire slides in Prototype using On click → Navigate to the next frame in order; keep transitions Instant or subtle Dissolve for professionalism.
  2. Open Present from the first frame; use keyboard arrows to advance.
  3. Keep a /_presenter notes frame to the right of each slide (outside the slide bounds) with large text only you see on ultrawide monitors—or duplicate a Speaker page mirroring order with bullet talking points.
  4. Memorize a handful of Figma keyboard shortcuts that save hours (Shift + ? for shortcut panel) so live navigation feels invisible.

Common mistake: mixing horizontal and vertical frame ordering on the same page—your prototype arrows become a maze. Pick one direction per deck.


Handoff: PDF, PNG, and “make it PowerPoint”

  • PDF: good for static approvals; export frames in vertical order and confirm page sequence.
  • PNG per slide: useful for Notion or Slack decks; automate naming with consistent prefixes.
  • PowerPoint: there is no perfect one-click bridge; expect to rebuild master slides or place exported PNG backgrounds. Document that limitation when stakeholders assume PPTX fidelity.

FAQ

What frame size should I use for 4K rooms?

Design at 1920 × 1080 unless you have a proven pipeline for 4K exports; most screenshare paths downscale anyway. If you must go larger, double grid margins proportionally.

Can I use Figma Slides instead of this canvas workflow?

If your org adopted Figma’s dedicated Slides product, prefer its native patterns for stakeholder permissions—but the layout discipline (masters, type ramp, grids) in this guide still applies.

How do I reuse product components without breaking them?

Create Deck / … detached copies or wrapped instances with tint-friendly backgrounds so live library updates do not shuffle slide-specific crops mid-presentation.

Where should beginners start elsewhere on the site?

Browse the Figma guides hub and the tutorials index for adjacent skills—especially exports if you ship PDF readouts after each review.


Next steps

Promote your master components to a shared library when multiple squads pitch from the same visual language, explore Figma templates for print-adjacent layout patterns that also strengthen deck aesthetics, and schedule a 15-minute dry run in Present mode—projection issues are cheaper to fix before the executive room, not during it.

Share on X

§ Keep reading

Related guides.