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.
Preview different screen sizes
In the Browser tab, click Preview options, then choose a mode.
- Window: Choose a Viewport size, such as Tablet or Desktop, or select Custom and enter a Width and Height.
- Device: Preview your app running inside a device frame, like an iPhone 17 or Macbook Pro.
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 Preview.
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.