Design Studio Viewer Macro

If you want to embed a design into a Confluence page, you can add a Design Studio Viewer Macro in Confluence.

You can do this by typing /design:

Or by going to the ➕ button in the editor and searching for Design:

Then either add an existing diagram to the page or create a new diagram

Add an existing diagram to the page

Once you have added the macro, click the edit icon ✏️:

Then pick the design you want to show, and set the height, width, and whether the Top Menu should be shown:

One you have configured a macro, it would look like this (assuming Top Menu is enabled). Clicking the Open in Design Studio button will load the design into the Design Studio.

Create a new diagram from the macro

Once you have added the macro, save the page and you will see a button like this on your Confluence page:

Then click on the button, and you will get taken to the Design Studio. Once there, remember to set the name of the design, make the design look however you want, and hit the update button. You will then be redirected back the Confluence page where you started to see how it looks inline.