Embed files and prototypes
Before you start
Who can use this feature
Users on any Figma team or plan can use Figma Live Embeds
Users with View access to the file can interact with a file embed.
Users with View access to the file can interact with a prototype embed.
Want to build support for Figma embeds into your website or application? Check out our developer documentation for more information on the Figma Live Embed kit.
Figma Live Embeds allow you to add live Figma files or prototypes into other websites or applications. Use embeds to:
- Link design files to product specifications
- Add relevant resources to project or task management tools
- Showcase use cases and examples within documentation
- Share presentations, templates, or resources
- Extend the functionality a Design System
Embeds appear alongside any existing content, making them a seamless addition to any website or application.
You can only add Figma Live embeds to websites or browser-based applications. It's not possible to embed live files or prototypes within native applications.
Embed a file or prototype
Before you start
You can embed any file or prototype, regardless of the file's link sharing settings.
When you're logged into Figma and open a page with an embed, Figma will also add you to the file or prototype in Figma. Your permissions on the file will depend on:
- Your access to the team or Organization the file lives in
- The link sharing settings of the specific file
We strongly advise against embedding a file or prototype on a public website. Figma has a limit of 50 active Editors on a file, beyond this you may encounter performance issues.
Embed files
When you embed a file, you have the option to link to a specific page or frame within the file.
- In Figma, open the file and go to the page you want to embed.
- Select the frame you'd like the embed to show (optional).
- Click the Share button in the toolbar.
- To show the current selection in the embed, check Link to selected frame.
- Click Get embed code to open the embed code window.
- Click Copy to add the embed code to your clipboard.
- Paste the embed code in your application of choice.
Embed prototypes
You can only have one active prototype per page in Figma, you can have as many pages as you want within a file.
When you embed a prototype, you will need to choose which prototype you would like to show.
- In Figma, open the file and page the prototype lives on.
- Click the Present icon in the toolbar to open the prototype in Presentation view.
- Click the Share button in the toolbar.
- Click the Get embed code link to open the embed code window.
- Click Copy to add the embed code to your clipboard.
- Paste the embed code in your application of choice.
Add Figma Live Embeds to other applications
Some applications will allow you to embed a Figma file or prototype using just the Figma URL. Embed Figma files and prototypes into any of the following applications:
- Trello and Figma
- Jira and Figma
- Coda and Figma
- Notion and Figma
- Dropbox and Figma
- Storybook and Figma
- Zeroheight and Figma
View embeds
Interact with embeds based on your team or Organization permissions, and the file's link sharing settings.
- If link sharing is on (Public file): you can view the embed, regardless of your permissions on the file.
- If link sharing is off (Private file): you need to be a Viewer or Editor on the file to view the embed. Or be a part of the team or Organization the file lives in.
Learn how to interact with embeds.