'%3E%3Crect x='-4.10352' y='0.1875' width='171.875' height='171.875' rx='85.9375' fill='%230C5238'/%3E%3Crect x='82.5566' y='-9.2085' width='133.93' height='133.93' rx='22.7014' transform='rotate(45 82.5566 -9.2085)' fill='%23F79CFF'/%3E%3Crect x='144.375' y='23.677' width='123.75' height='123.75' rx='61.875' transform='rotate(90 144.375 23.677)' fill='%23FF6D38'/%3E%3Crect x='106.562' y='26.198' width='119.396' height='48.125' rx='24.0625' transform='rotate(90 106.562 26.198)' fill='%23252525'/%3E%3Crect x='106.562' y='62.8645' width='48.125' height='48.125' transform='rotate(90 106.562 62.8645)' fill='%2312A720'/%3E%3Cpath d='M106.553 86.927L99.5232 103.942L82.5526 110.99L65.5819 103.942L58.5524 86.927L65.5819 69.9122L82.5526 62.8645L99.5233 69.9122L106.553 86.927Z' fill='%23FFFF00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3971_7584'%3E%3Crect width='165' height='92.8125' fill='white' transform='translate(0 0.1875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A)
Confluence and Figma
Confluence is a team workspace where knowledge and collaboration meet. Equipped with the right information, teams can make quick decisions, gain alignment, and transform the way they work together.
Create a Confluence account and learn more at atlassian.com.
Embed a Figma file or prototype in Confluence
Figma Live Embeds allow you to add live Figma files or prototypes into other websites or apps. Add Figma links to your Confluence Pages documents to:
- Embed Figma files inside your meeting notes or design specs
- Share your designs with teammates
- Collect design feedback from collaborators
You can embed any file or prototype, regardless of the file's link sharing settings.
Collaborators can interact with Figma Live Embeds based on:
- Their team or Organization permissions
- The file's link sharing permissions
In Figma
- Open the file you want to embed in your Confluence doc.
- To link to a specific frame in the Figma file, select the frame.
- Click the Share button in the toolbar.
- Check the box to Link to selected frame (Optional).
- Update your link sharing permissions to determine who can view and interact with the file embed (Optional).
- Click Copy link when you're ready to embed the file.
Note: Collaborators need to be signed in to Figma to view and interact with embedded files.
In Confluence
-
Open the Confluence page you want to embed the file or prototype in.
-
Paste the copied link in your page. Connect your Figma and Confluence accounts if needed.
-
By default, Confluence posts external links inline within your page. Click the link to use the dropdown menu to display your link as a card or embed.
-
Select Display card to provide your team with information on the file including an image thumbnail, comments, time last updated, and a preview.
-
Select Display embed to interact with the file or prototype from your Confluence page.
Tip: Learn more about using links in Confluence.
Use the Confluence for Figma widget
The Confluence for Figma widget allows you to embed Confluence pages in your Figma files, keeping project information and documentation next to designs, reducing context switching.
The Confluence for Figma widget enables you to:
- View project details in the embed card that auto sync with real-time changes in Confluence
- Paste a Confluence URL inside Figma to quickly access project information
Get started with the Confluence for Figma widget in the Figma Community.