Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Figma Make – Figma Learn
  • Work with Figma Make

Preview a functional prototype or web app

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

View a fullscreen preview Share a fullscreen preview

Before you start

Who can use this feature

Figma Make is in open beta.

While in beta, Figma Make is available on all paid plans.

Requires a Full seat.

When the code for your functional prototype, web app, or interactive UI is generated, you can view a fullscreen preview of what you created in Figma Make. Like the preview that appears next to the AI chat, the fullscreen preview is a live, fully interactive version of the result of your conversation. You can work with the preview to validate the functionality and identify improvements that you want to make.

Previews are also shareable. In the same way that Figma files and prototypes can be shared with others, you can share a preview. You can set permissions to limit who has access and get a link that goes directly to the preview.

preview-and-share.gif

Tip: To learn more about Figma Make and how you can use it, check out Explore Figma Make.

View a fullscreen preview

To view the fullscreen preview of a functional prototype or web app:

  1. Open the Figma Make file that you want to preview.
  2. In the upper-right corner, click Open preview in a new tab.

The fullscreen preview of your functional prototype or web app appears in a new tab.

Share a fullscreen preview

To share the fullscreen preview of a functional prototype or web app:

  1. In the upper-right corner of the fullscreen preview that you want to share, click Share.
  2. Use the share modal to change permissions, invite specific individuals, and get a link to the preview.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Create and edit a functional prototype or web app
  • Figma Make and the Figma Community
  • Attach designs and images to a prompt
  • Publish, update, or unpublish a functional prototype or web app
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand