Embed your designs and symbols to Confluence

Switch to specs and comments without switching context

Do you document your design to code projects in Confluence? Embed design previews to provide your team with the right context and attach linked design thumbnails from Avocode in your documents and pages. What’s in it for you?

• See live Sketch, XD, PSD, AI, or Figma design previews
• Always have access to the latest design version in Avocode
• Navigate to design specs in Avocode
• Go directly to comments in Avocode
• Generate a share link to the design from the preview

How to connect Avocode to Confluence?

1. Sign up for Confluence or sign in to your account to get started.
2. Find Avocode for Confluence in the Atlassian Marketplace and click Get app in the top right corner.
3. Create or open a page in Confluence.
4. Type /avocode to embed an Avocode macro.
5. Select either Thumbnail or Preview in the Display drop-down.
6. Select any design artboard or symbol in Avocode and click SHARE in the top right corner.
7. Paste the link to Confluence. You can add unlimited links for Thumbnails or one by one for Previews.
8. Click Save and the design preview will be automatically loaded. If you don’t see the preview, make sure your share link is set as Public in Avocode.
9. To adjust the size of the embedded frame, just select the preview.
10. Links from the design Thumbnails and Previews will work only after you publish the page.
11. You can link more designs also from other files or projects in Avocode.