How to Use Figma for Client Presentations

Most designers already know how to use Figma for client presentations. They just haven’t figured out why their client review workflow keeps breaking down.

Sharing the wrong link. Clients lost in the editor. Feedback scattered across three different tools. These aren’t design problems. They’re setup problems.

This guide covers everything from file structure and prototype flows to live presentation techniques, feedback collection, and when to use Figma Slides vs. regular frames. By the end, your async design review process and live client meetings will run without friction.

What Is Figma as a Presentation Tool?

Figma is a browser-based design platform that functions as a full client presentation environment through its Prototype Mode, Presentation Mode, and the dedicated Figma Slides product launched in June 2024. Unlike PowerPoint or Google Slides, Figma keeps your designs and your presentation in the same file.

That means no exporting, no version drift, no “wait, which PDF did I send you?”

Clients access presentations through a shared link that opens directly in a full-screen view. They never see the editor interface. They interact with live design files the same way they’d interact with a finished product.

The UX Tools 2024 Survey found that 83% of professional UI designers now use Figma as their primary tool (4,300+ respondents). That adoption rate reflects something real: Figma’s collaboration and sharing model fits the client review workflow better than traditional slide tools ever did.

There are 2 core methods for presenting in Figma.

• Frames as slides: You design inside a standard Figma file, wire frames together using Prototype Mode, and share the resulting prototype link with clients
• Figma Slides: A separate file type inside Figma built specifically for presentations, with speaker notes, slide templates, audience polls, and a dedicated presenter view

The right choice depends on what you’re presenting. High-fidelity interactive mockups and detailed user interface reviews belong in a regular Figma file. Pitch decks, project proposals, and agency kickoff presentations belong in Figma Slides.

Between June 2023 and June 2024, Figma users created 35,000 presentations directly inside design files before Slides even officially launched (Figma internal data). The tool was already being used this way. Slides just made it official.

What Are the Core Figma Features Used in Client Presentations?

Before building anything client-facing, you need to understand which Figma features actually matter for presentations. There are 5 you’ll use constantly.

Frames vs. Figma Slides: When to Use Each

Regular frames give you pixel-level control. Figma frames let you set exact dimensions, apply design system components, and wire up prototype flows with Smart Animate transitions. That makes them the right choice for presenting detailed UI work, screen-by-screen flows, and interactive concept reviews where the design itself needs to be the focus.

Figma Slides trades some of that control for speed and presentation-specific features.

Choose regular frames when:

• Presenting high-fidelity UI designs or interactive product flows
• The client needs to click through and experience the design directly
• You need full design system integration across every slide

Choose Figma Slides when:

• Running a project kickoff, proposal, or agency pitch
• Non-designers on your team need to co-edit the presentation
• You want speaker notes, audience polls, or live voting built in

TechSmith research shows 97% of communicators who use images say visuals make their messages more effective, and 64% report increased audience engagement. That finding applies directly here: the format you choose determines whether clients stay engaged or just nod along.

How Do You Set Up a Client Presentation File in Figma?

File structure matters more than most designers think. A poorly organized Figma file is a liability during a live client meeting. Getting the setup right before you build a single frame saves real time later.

How to Structure Pages in a Presentation File

Use separate pages inside a single Figma file. This keeps everything in one place while preventing clients from stumbling into unfinished work during a live review session.

Recommended page structure:

• Cover: Title slide and agenda frames
• Presentation: The frames clients will actually see, in order
• Appendix: Supporting details, alternate options, rejected concepts
• Working files: Exploration, WIP frames, scratch work

The prototype share link you give clients always points to a specific starting frame. If you organize your presentation page cleanly, that link opens exactly where you want it.

One thing I’ve seen trip people up repeatedly: the frame order in the left panel must match the intended presentation flow, or keyboard navigation in Presentation Mode jumps around randomly.

Setting Up Brand Styles Before Building Slides

Forrester’s 2023 Total Economic Impact study found Figma customers achieved a 328% ROI with an 11-month payback period, partly because consistent design systems cut rework. That logic applies to presentations too.

Set up local styles before touching a single content frame.

Styles to define before building:

• Color styles for brand primaries, backgrounds, and text
• Text styles with presentation-scale sizes (heading min 36px, body min 20px)
• Grid layout for consistent spacing across all frames

If the client has an existing Figma component library, link it. Changes to their brand assets will propagate across your presentation automatically.

How Do You Build Slides in Figma That Work for Client Reviews?

Client presentations fail for design reasons more often than technical ones. Too much information per slide. Text that’s readable at 100% zoom but illegible when screen-shared. Layouts that look polished in isolation but create visual chaos when navigated in sequence.

What Slide Types to Include in a Design Presentation

Every client presentation needs 5 core slide types:

• Title slide: Project name, client name, date, your studio or name
• Agenda: What you’re covering, in sequence (sets client expectations)
• Concept frames: The actual designs, one clear concept per frame
• Comparison layout: Side-by-side view for option A vs. option B decisions
• Next steps: Clear action items with owners, no ambiguity

That last one gets skipped constantly, and it’s why revision rounds spiral. A “next steps” frame forces the meeting to end with decisions, not discussion.

Typography and Spacing for Screen Presentations

Standard body text sizes that work fine in a wireframe document break down in a screen-share context. Clients are often on smaller monitors, lower-resolution displays, or watching through video conferencing compression.

Minimum sizes for presentation frames at 1920×1080:

• Heading text: 40px minimum
• Body text: 20-24px
• Labels and annotations: 16px absolute minimum

Use plenty of white space. Cramped slides communicate that you’re unsure of your own concept. Slides with breathing room communicate confidence.

Auto Layout in Figma keeps spacing consistent even when content changes. Set it up from the start. Adjusting spacing manually across 20 frames the night before a presentation is exactly as painful as it sounds.

Visual Hierarchy Across Presentation Frames

Good visual hierarchy makes clients look at the right thing first. In a presentation context, that hierarchy needs to be even more deliberate than in a standard design file, because you have no control over where the viewer’s eye goes without it.

Scannable slide structure follows the F-pattern reading behavior: primary information top-left, supporting detail below, call to action or key decision bottom-right.

Research shows 81% of executives acknowledge the value of UX design, but only 59% feel they can effectively measure it (UserGuiding). Structured visual hierarchy is one practical way to guide non-designer clients toward the right conclusions without overexplaining.

How Do You Use Figma Prototype Mode for Presentations?

Prototype Mode is what separates a Figma client presentation from a static PDF. It turns your frames into a navigable, interactive flow that clients can click through, experience, and react to the way they’d react to a real product.

How to Connect Frames Into a Presentation Flow

Open the Prototype panel in the right sidebar. Select a frame, drag the connection handle to the target frame, and set the trigger and animation.

For client presentations, use these trigger types:

• On Click: Default for manual navigation between slides
• After Delay: Useful for auto-advancing intro sequences or animated transitions
• While Hovering: Good for showing tooltip details or hover states mid-presentation

Set a starting frame explicitly. Figma defaults to the first frame in the panel, which may not be your cover slide if you’ve rearranged frames since building the file.

How to Create Multiple Prototype Flows for Different Audiences

Figma supports multiple named prototype flows inside a single file. This is genuinely useful when you’re presenting the same project to different client stakeholders who need to see different parts.

For example: a flow for the product team that walks through the full interactive user experience, and a separate flow for the executive sponsor that covers only the key decisions and next steps.

To create a new flow: Select the starting frame, click “+” in the Prototype panel under Flows, and name it clearly (“Client Review,” “Exec Summary,” etc.). Each flow generates its own share link.

That means you share one link to the product team and a different link to the CEO. Same file. No duplicate work. This is one of those Figma features that takes 2 minutes to set up and saves an embarrassing meeting later.

Transition Choices and When They Matter

Transition type affects how clients perceive the quality of the work. A mismatched animation makes a polished design feel rough.

Smart Animate looks impressive but it only works correctly when the layers in both frames share the same name and structure. Test it before the meeting. More than once I’ve had a Smart Animate transition turn into a mess mid-presentation because a layer name got changed during a last-minute design update.

How Do You Share a Figma Presentation With Clients?

There are 3 ways to share a Figma presentation. The right one depends on whether you want the client to review async, join a live meeting, or access the file through an external tool.

Share Link Methods and Permissions

Prototype link (recommended for most client sharing): Opens directly in Presentation Mode. The client sees full-screen slides, no editor. Set permissions to “Anyone with the link can view.”

The difference between a prototype link and a file link matters. A file link drops clients into the Figma editor, where they can see your layers panel, unfinished frames, and working notes. A prototype link shows only the finished flow.

To get the prototype link: open Prototype Mode, click the play button to launch the viewer, then copy the URL from the browser. That URL is the share link.

For sensitive or confidential work, use Figma’s view-only permissions on the file itself, or share through a Figma prototype without requiring an account. Clients who don’t have Figma accounts can still view and comment on prototype links.

Embedding Figma in External Tools

Figma embeds via iframe into Notion, Confluence, and similar platforms. This works well for agency project portals or client dashboards where all project deliverables live in one place.

Embed process: Share menu inside Figma, select “Get embed code,” paste into the target platform. The embedded view is live. When you update the Figma file, the embedded view reflects the changes automatically.

67% of design teams globally adopted collaborative UI/UX platforms in 2024 (Business Research Insights). Embedding Figma directly into a shared project workspace is one reason why: it keeps the design visible and accessible without requiring clients to learn a new tool.

Figma Mirror is useful for mobile design presentations specifically. It mirrors the Figma canvas to a phone in real time, letting clients see exactly how a mobile-first design behaves on an actual device during the review meeting.

How Do You Present Figma Files Live in a Client Meeting?

Presenting live in Figma is different from sharing a link and asking clients to click through on their own. Live presentations require specific setup, or you’ll spend the first 5 minutes of the meeting fumbling with the interface while the client watches.

Pre-Meeting Setup Checklist

Do these before every client call, without exception.

• Open the prototype link in a separate browser tab, not the Figma editor tab
• Press Cmd + (Mac) or Ctrl + to hide Figma’s UI chrome before entering full-screen
• Set the starting frame to the cover slide explicitly
• Test keyboard navigation: arrow keys advance frames, Escape exits Presentation Mode
• Check that all prototype connections are intact, especially if the file was edited recently

Screen-sharing the editor view by mistake is one of the most common client presentation errors. The client sees your layers panel, your font choices, and whatever half-finished frame you had open last. It undermines confidence in the work immediately. Sharing the prototype link directly avoids this entirely.

How to Handle Live Client Feedback During a Figma Presentation

This is where most Figma presentations go sideways. The client starts giving feedback mid-walkthrough, and the designer either stops the flow entirely to take notes or tries to keep moving while mentally tracking 4 separate comments.

The better approach: stay in Presentation Mode for the walkthrough, then switch to Comment Mode after the presentation. Ask clients to hold detailed feedback until you’ve walked through everything. Then open comment mode (keyboard shortcut C in the editor view) and work through their notes together.

For remote meetings specifically, consider having a second device open to the Figma editor. This lets you see your layers panel and make notes without disrupting the presentation flow on the screen-shared device.

Figma’s 2025 data shows 77% of designers with high work satisfaction use collaborative tools more frequently than less-satisfied peers. The live review process, done well, is a collaboration. Done badly, it’s a one-way broadcast that clients disengage from.

Switching Between Design and Prototype Views Mid-Meeting

Clients ask live questions. Sometimes answering them requires showing something that isn’t in the presentation flow, like an alternate version of a screen or a zoomed-in detail of a component.

How to switch without losing your place:

• Press Escape to exit Presentation Mode and return to the editor
• Navigate to the frame or detail the client asked about
• Press Cmd+P (Mac) or Ctrl+P (PC) to re-enter Presentation Mode from the current frame

Knowing these shortcuts cold matters. Hunting through menus while a client waits communicates the same thing as showing up unprepared.

How Do You Use Figma Comments for Client Feedback Collection?

Figma’s comment system ties feedback directly to specific frames and layers inside the design file. Clients leave notes exactly where they apply, which eliminates the back-and-forth of trying to match a vague email comment to the right screen.

The async design review workflow this creates is genuinely better than feedback rounds over email or shared documents. At least when it works cleanly.

One real limitation: as of late 2024, clients without a Figma account cannot leave comments on prototype links by default. A Figma forum thread on this issue accumulated over 17,000 views and 97 replies going back to 2021, with designers across agencies still reporting the problem as unresolved. For client-facing feedback collection, the practical workaround is using a third-party plugin like Commentful, which generates password-protected review links that clients access without a Figma account.

How to Manage Comment Threads Across Revision Rounds

Resolve comments systematically, not randomly. Mark a comment resolved only after the change has been made and confirmed in the file. Leaving resolved comments mixed with active ones is one of the fastest ways to lose track of which round of feedback you’re actually on.

Use comment threads to group related feedback:

• Tag team members with @ to assign specific comments for action
• Reply to a comment with a link to the updated frame instead of just marking it resolved
• Use Figma sections to separate feedback rounds visually on the canvas

Commentful’s tool, used by 8,700+ designers, adds a Kanban board layer on top of Figma’s native comments with statuses, priorities, and deadlines. It’s worth the setup time on projects with 3+ revision rounds.

Setting Client Expectations Around Comment Etiquette

Vague feedback is the number-one cause of unnecessary revision rounds. “Make it pop” or “something feels off” costs hours of rework with no clear target.

Send clients a one-paragraph brief before the review:

• Ask them to reference the specific frame number or element name
• Ask for one suggested direction, not just a problem statement
• Set a 48-hour window for async comments before the file moves forward

Integrating Figma comments with Jira or Slack via Zapier or native integrations keeps comment activity visible to the wider project team. Nothing gets lost in a separate tab the project manager never opens.

What Figma Plugins Improve Client Presentation Quality?

Figma’s plugin ecosystem has over 1,000 community-built tools. For client presentations specifically, most of them are noise. These 4 directly affect either the quality of what clients see or the speed of getting there.

Pitchdeck Presentation Studio

Pitchdeck bridges the gap between Figma’s design output and the formats clients actually use day-to-day. Most agencies eventually run into a client who wants to edit the presentation themselves after delivery. Pitchdeck exports to PowerPoint, Keynote, Google Slides, and PDF with animation support intact.

Install from the Figma Community, select the frames you want to export, and the plugin handles the conversion. It’s not perfect (complex Auto Layout components sometimes flatten), but it handles standard presentation layouts reliably.

Stark Accessibility Plugin

Stark checks color contrast ratios, simulates 8 types of color vision deficiency, and flags missing alt text on images inside your Figma frames. For presentations going to enterprise clients or government stakeholders, passing basic web accessibility checks before the meeting matters.

Minimum contrast for readable presentation text: 4.5:1 for body text, 3:1 for large text (WCAG 2.1 AA standard).

Running a Stark check takes under 2 minutes. Finding out mid-meeting that a client’s accessibility team flagged your slides takes considerably longer to recover from.

Content Reel for Realistic Presentation Content

Placeholder text like “Lorem Ipsum” and grey boxes where profile photos should be pull clients out of the design review and into “is this finished?” territory.

Content Reel populates those placeholders automatically from curated data sets: real-looking names, photos, job titles, product descriptions, and addresses. The difference in how clients engage with a presentation that looks like real content versus one that obviously doesn’t is immediate.

Pair Content Reel with Unsplash (also a Figma plugin) for high-quality image fills across your presentation frames.

How Do You Export a Figma Presentation to PDF or Slides?

Not every client wants a live Figma link. Some need a file they can save, print, or share internally without depending on browser access. Figma covers this, though the export path depends on what format the client actually needs.

Exporting Frames as PDF

Two export methods, different use cases:

• File menu method: Figma logo (top left) → File → Export Frames to PDF. Exports every frame on the current page as a multi-page PDF automatically
• Frame selection method: Select specific frames, add export settings in the right panel, choose PDF, click Export. Use this when you only want a subset of your presentation pages

Frame order in the PDF follows the left-to-right, top-to-bottom position on the canvas, not the layer panel order. Arrange frames spatially before exporting if sequence matters.

For a full walkthrough of the Figma to PDF export process, including multi-page options and color profile settings, the export guide covers edge cases that trip up first-time exporters.

Exporting to PowerPoint or Google Slides

Figma does not natively export to .pptx or Google Slides format as of 2024. A Figma community thread requesting native export to these formats received over 3,300 views in the weeks after Figma Slides launched, signaling clear demand that the product team has not yet addressed.

Pitchdeck Presentation Studio is currently the most reliable plugin for this. It converts Figma frames to editable PowerPoint or Google Slides files with animation support. The free tier covers basic exports. The paid tier handles more complex layouts with components and interactions.

When to skip static export entirely: If the client is reviewing interactive flows, a static PDF removes the click-through behavior that makes the design legible. Share the prototype link instead and only export PDF for archive or sign-off documentation.

What Are the Most Common Figma Presentation Mistakes to Avoid?

Most presentation failures happen before the meeting starts. They’re setup errors, not design errors. These are the 5 that come up most consistently in client-facing design work.

Sharing the Editor Link Instead of the Prototype Link

This is the most common mistake and the easiest to make. When you copy the URL from the Figma editor tab, you get the file link. Clients who open it see your layers panel, your working frames, and every annotation you left for yourself.

The prototype link is different. Get it by clicking the play button (top right of the editor) to launch Presentation Mode, then copying that URL from the browser address bar. That URL opens directly in full-screen for the client, no editor visible.

Quick check before every client share: paste the link in an incognito window and confirm it opens in Presentation Mode, not the editor.

Frame Order That Doesn’t Match the Presentation Flow

Keyboard navigation in Presentation Mode follows the order of frames in the left panel, top to bottom. If you’ve rearranged frames on the canvas or added slides mid-project, that panel order is often out of sync with the intended sequence.

Result: arrow key navigation jumps around unpredictably. Clients see the wrong screen after clicking forward.

Fix it before every presentation. Drag frames in the left panel to match the exact order clients should experience. Takes 2 minutes. Saves a genuinely awkward meeting moment.

Overusing Smart Animate Transitions

Smart Animate looks polished when used on the right elements. Used on every slide transition, it slows navigation, pulls attention away from the designs, and requires every matching layer to be named identically across frames or it breaks entirely.

Smart Animate belongs on: state changes, button interactions, expanding components.

Instant or Dissolve belongs on: slide-to-slide navigation in a client presentation context.

Non-Standard Frame Sizes That Crop on Client Screens

Figma defaults to custom frame dimensions. If you build presentation frames at an odd size, like 1280×960 or something inherited from an older project, they may letterbox or crop when presented on a widescreen monitor or via video conferencing.

Use 1920×1080 (16:9) as the default for all client-facing presentation frames. It’s the safe standard that works across monitors, projectors, and screen-share software without cropping.

Skipping the Dry Run Before the Meeting

Nothing undermines a presentation faster than a broken prototype link discovered 30 seconds after the client joins the call. This happens when a frame gets moved, renamed, or deleted after the prototype connections were set up.

Run the full prototype flow end-to-end the morning of every client meeting. Click every interaction. Verify the starting frame. Confirm the share link still opens correctly for a non-authenticated user.

The whole check takes 5 minutes. The alternative takes considerably longer to recover from.

How Does Figma Slides Differ From Using Regular Figma Frames for Presentations?

Figma Slides launched in open beta at Config 2024 in June. It’s a separate file type inside Figma, built specifically for presentations, with features that regular Figma frames with prototype wiring simply don’t have.

The honest answer on which to use: it depends entirely on what you’re presenting and who’s building it.

When Figma Slides Wins

Figma Slides is genuinely better for project kickoffs, agency pitches, and any presentation where team members other than the lead designer need to contribute slides. The shared editing experience works without requiring everyone to understand frame structure or prototype connections.

The speaker notes feature alone makes Figma Slides worth using for formal presentations. Regular Prototype Mode has no equivalent. You either memorize the script or keep a separate document open, which creates exactly the divided-attention problem you want to avoid during a client meeting.

35% of creative agencies use AI for design and branding purposes (Function Point, 2025). Figma Slides’ built-in AI tone adjustment and text rewriting tools fit directly into that workflow, letting teams refine presentation copy without switching out of the file.

When Regular Frames Win

High-fidelity interactive design presentations need regular Figma frames. Full design system integration, component-level control, and precise Smart Animate interactions are only available in the standard Figma editor, not inside Figma Slides’ simplified interface.

If the presentation IS the product demo, where clients need to click through screens and experience the actual website or app design as built, prototype-wired frames are the right tool. Figma Slides embeds a prototype, but it doesn’t replace one.

The practical split most agencies land on: Figma Slides for project management, kickoffs, and stakeholder decks. Regular frames for design concept reviews and interactive client walkthroughs.

Availability and Pricing

Figma Slides is included on all Figma plans, including the free tier with limitations. No separate subscription required. The Professional plan at $15 per user per month unlocks full Slides functionality alongside the rest of the Figma design platform.

For a full breakdown of what’s included at each tier, the Figma free vs. Professional plan comparison covers Slides access alongside component library features and team publishing permissions.

FAQ on How To Use Figma For Client Presentations

Can clients view a Figma presentation without an account?

Yes. Share a prototype link set to “Anyone with the link can view.” Clients open it directly in Presentation Mode with no login required. For comment access, use a third-party tool like Commentful to generate account-free review links.

What is the difference between a Figma prototype link and a file link?

A file link opens the Figma editor, exposing your layers panel and unfinished work. A prototype link opens directly in full-screen Presentation Mode. Always share the prototype link for client-facing design reviews.

How do you present Figma designs in a client meeting?

Open the prototype link in a separate browser tab before the call. Press Cmd+ to hide the UI chrome, then enter full-screen. Navigate with arrow keys. Never screen-share the editor view directly.

Does Figma have a built-in presentation mode?

Yes. Clicking the play button in the top-right corner launches Presentation Mode, a full-screen viewer that hides the editor interface entirely. Keyboard arrow keys control frame navigation during live client walkthroughs.

What is Figma Slides and how is it different from using frames?

Figma Slides is a dedicated presentation file type with speaker notes, audience polls, and co-presenting controls built in. Regular frames offer more design control but require manual prototype wiring. Slides suits project pitches; frames suit interactive UI reviews.

How do you collect client feedback directly in Figma?

Enable comment mode so clients can leave notes tied to specific frames. For clients without Figma accounts, use Commentful or similar plugins to generate password-protected review links that accept comments from any browser.

How do you export a Figma presentation to PDF?

Go to the Figma menu, select File, then Export Frames to PDF. Every frame on the current page exports as a single multi-page PDF. Frame order follows canvas position, so arrange frames spatially before exporting.

What frame size should you use for client presentations in Figma?

Use 1920×1080 pixels (16:9 ratio) as the standard. This works across monitors, projectors, and screen-share software without letterboxing or cropping. Avoid custom or inherited frame sizes from older project files.

Can you create multiple presentation flows for different clients in one Figma file?

Yes. Figma supports multiple named prototype flows inside a single file. Each flow generates its own share link. Use this to show the full product flow to one stakeholder and an executive summary to another, without duplicating work.

What are the most common mistakes when presenting Figma to clients?

Sharing the editor link instead of the prototype link. Frame order mismatched with the intended flow. Overusing Smart Animate transitions. Non-standard frame sizes that crop on client screens. Skipping a dry run before the live meeting.

Conclusion

This conclusion is for an article presenting how to use Figma for client presentations, and the core takeaway is straightforward: the tool is only as good as the workflow behind it.

Get your prototype link sharing, frame order, and client feedback collection right, and the design review process runs cleanly from kickoff to sign-off.

Use Figma Slides for stakeholder decks and pitches. Use prototype-wired frames for interactive mockup walkthroughs. Know the difference before the meeting starts.

The client approval process improves when clients can view, click through, and comment without hitting friction at every step.

Set up the file correctly once. Every presentation after that gets easier.