> For the complete documentation index, see [llms.txt](https://abrega.gitbook.io/studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://abrega.gitbook.io/studio/design-studio-viewer-macro.md).

# 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`:

<figure><img src="/files/ivBnNDJKqIGCuImlvwYS" alt="" width="375"><figcaption></figcaption></figure>

Or by going to the :heavy\_plus\_sign: button in the editor and searching for `Design`:

<figure><img src="/files/kols7DmV6mqGcMBNWqu9" alt="" width="375"><figcaption></figcaption></figure>

Then either [add an existing diagram to the page](#add-an-existing-diagram-to-the-page) or [create a new diagram](#create-a-new-diagram-from-the-macro)

### Add an existing diagram to the page

Once you have added the macro, click the edit icon :pencil2::

<figure><img src="/files/XrSRlH5LJMZtP45zb30T" alt="" width="375"><figcaption></figcaption></figure>

Then pick the design you want to show, and set the height, width, and whether the [Top Menu](/studio/top-menu.md) should be shown:

<figure><img src="/files/dXn8lySYt2FZ60hA6Y2r" alt="" width="310"><figcaption></figcaption></figure>

One you have configured a macro, it would look like this (assuming [Top Menu](/studio/top-menu.md) is enabled). Clicking the Open in Design Studio button will load the design into the Design Studio.

<figure><img src="/files/b65RA0KSNUZ2UKLQUNVH" alt="" width="375"><figcaption></figcaption></figure>

### 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:

<figure><img src="/files/CnH4pVpckwkKhpW72m49" alt="" width="301"><figcaption></figcaption></figure>

Then click on the button, and you will get taken to the [Design Studio](/studio/design-studio.md). 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.