Preview a functional prototype or web app
Before you start
Who can use this feature
Figma Make is in open beta.
While in beta, Figma Make is rolling out in the coming weeks to users 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.
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:
- Open the Figma Make file that you want to preview.
- 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:
- In the upper-right corner of the fullscreen preview that you want to share, click Share.
- Use the share modal to change permissions, invite specific individuals, and get a link to the preview.