Zeplin for Confluence

Step-by-step installation guide

  1. Log into your Confluence instance as an admin.

  2. Click on settings at the top right of your screen.

  3. Click Find new apps from the left-hand side of the page.

  4. Find Zeplin for Confluence via search.
    The appropriate app version appears in the search results.

  5. Click Try free to begin a new trial for Zeplin for Confluence

  6. Click Start free trial, Confluence will now download and install our awesome app!

How to use Zeplin for Confluence

  1. After installing the Zeplin for Confluence app, the app will become available as a Confluence Macro

  2. Click on the plus button at the top right of your screen and click on Other macro’s or View more

  3. Search for Zeplin for Confluence. Click on Zeplin for Confluence

  4. The macro editor right side panel will open, which will allow you to enter the URL of your Zeplin scene.

  5. To find the scene URL, log in to zeplin.com and select the project you want to embed

  6. Click on the share button at the top right off your screen

  7. A modal will open with all sharing options. Click on the triple dot (…) menu next to the scene sharing option and click Copy link

  8. Paste the Zeplin link into the URL input box
    The Zeplin for Confluence app will load a preview of your scene

  9. Select the desired dimensions & click insert
    Keep in mind that one of both dimensions (width & height) needs to be a css unit. Also note that height can only be an absolute unit (px, cm, etc) and not relative (%, em, etc)

  10. Publish your Confluence page & your Zeplin scene will become visible!
    Keep in mind that scene’s are read-only

  11. Enjoy the apps awesomeness!