Embed files and prototypes
Who can use this feature
Supported on any team or plan. Applies to FigJam and Figma design.
Anyone with can view or can edit access to a file or prototype can copy the embed code.
Embed live FigJam files, Figma design files, and prototypes into other tools and resources. Embeds appear alongside other content, making them a seamless addition to any website or browser-based application.
- Add style and component libraries in your design system documentation
- Include detailed feature designs and explorations in PRDs, spec documents, or user stories
- Keep FigJam files alongside meeting notes
- Share presentations, templates, or resources
- Embed or share prototypes in testing environments
Caution: It’s not possible to add embeds within a native/desktop applications, you can only add embeds in browser-based applications.
Figma design and FigJam files
When you embed a file, you have the option to link to a specific page or top-level frame within the file. We recommend reviewing the file's link sharing settings before you embed it in a website or application.
- Open the page and select the top-level frame you'd like the embed to show (optional).
- Click Share in the toolbar.
- Update the default link sharing settings for the file. Set both the audience and the access level to determine the default access.
- To show the current selection in the embed preview, check Link to selected frame (optional).
- 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.
Prototypes
You can have as many pages as you want within a file. Each of these pages can have multiple prototype flows within them.
When you embed a prototype, you need to choose which page you want to share. If you embed prototypes on a specific page, people can access all flows on that page. You can also embed a specific flow.
We recommend reviewing the file's link sharing settings before you embed it an external website or application.
- Open the file and page the prototype lives on. Click Present in the toolbar to open the prototype in presentation view and select a flow from the left sidebar.
- Click the Share button in the toolbar.
- Update the default sharing settings for the file and prototype. Set both the audience and the access level.
- 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.
Public or private embeds
You can embed both public or private files and prototypes. People can interact with embeds based on the file’s default sharing settings, or a person’s permissions on the file.
If the file is private or shared within an organization, they’ll need to log in to access the file.
If they don’t have permissions on the file — or the file is shared publicly — they can access the file based on the file’s link sharing settings. Interact with embeds →
Link sharing settings
Link sharing settings allow you to set default permissions for a file or prototype. This means you don’t have to manage access for everyone independently.
There are two settings that control link sharing. Your plan determines which link sharing settings are available in your files. Explore link sharing settings by plan ↓
- A
Audience
Who can access the file or prototype.
- Anyone with the link: anyone inside or outside your team or organization can access the file if they have the link.
- Anyone with the link and password: people without a role on the file can access the file using the link and password.
- Anyone at organization with the link (organizations only): only members of the organization can access the file. Members can only access the file is they open a link to that file.
- Anyone at organization (organizations only): organization members can find this file when browsing and searching. Use this setting to share libraries with the organization. Guests can't access these files unless you invite them to the file or team.
- Only people invited to this file: only people you explicitly invite to the file, or the team it lives in, can access the file.
- B
Access
How the audience can interact with the file or prototype.
- Can edit: gives edit access to the file. This allows people to edit the contents of the file. People with edit access can also move, rename, share, or delete the file.
- Can view: gives view only access to the file. People can still view and inspect layers and properties in the file, as well as view prototype flows and connections in the editor and presentation view. They can also use collaborative features in design and FigJam files like comments, cursor chat, audio, and emotes.
- Can view prototypes only (Figma design): gives access to the prototypes in that file, but not the underlying pages in the file. This is only available for Figma design files.
|
Audience |
Starter | Education | Professional | Organization | Enterprise |
|---|---|---|---|---|---|
|
Anyone with the link |
can edit, can view |
Can view |
can edit, can view, can view prototypes only |
can view, can view prototypes only |
can view, can view prototypes only |
|
Anyone at organization |
✕ |
✕ |
✕ |
can edit, can view |
can edit, can view |
| Anyone at organization with link |
✕ |
✕ |
✕ |
can edit, can view, can view prototypes only |
can edit, can view, can view prototypes only |
|
Anyone with the link and password |
✕ |
can edit, can view |
can edit, can view, can view prototypes only |
can edit, can view, can view prototypes only |
can edit, can view, can view prototypes only |
|
Only people invited to the file |
✓ |
✓ |
✓ |
✓ |
✓ |
|
Anyone else with a prototype link (Prototypes only) |
✕ |
✕ |
✕ |
can view prototypes only, cannot access |
can view prototypes only, cannot access |
Add Figma embeds to other applications
Caution: It’s not possible to add or use these embeds within a native/desktop applications. You can only add and use embeds in the browser-based version of these applications.
Some applications will allow you to embed a Figma file or prototype using just the Figma URL. Embed Figma files and prototypes into the browser-based version of these applications:
