Before you start
Who can use this feature
Figma Make is available for Full seats on paid plans.
You can try Figma Make on other seats and plans.
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 mobile preview
To see a preview of the way your functional prototype or web app will appear on mobile devices, click Mobile Preview at the top of Figma Make.
You can select the type of device, or enter your own custom dimensions.
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
Note: Only users on a Starter plan or users with a Full seat on a paid plan can share previews.
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.