Confluence Server

Moqups app for Atlassian Confluence Server

Atlassian customers can use Moqups’ Confluence Server integration to create in-place diagrams, wireframes, and prototypes – all within the security of the Atlassian ecosystem.

In an agile context, where specifications can change with every iteration, Moqups helps team members communicate requirements quickly and clearly.

In Confluence Server instances, teams can give shape to ideas with the click of a button. And, since Moqups Projects are embedded right in Confluence Server pages, collaborators can easily respond with feedback right on the design.

You can find out more about the Moqups for Confluence Server app on our Atlassian Marketplace listing – and you’ll find the install instructions here.

The following article will show you how to use the Moqups app once your admin has installed it for your Confluence instance.

Build a Confluence Page Around a Moqups Project

To build a new Confluence page around a Moqups Project:

1. Go to a space and choose Create in the Confluence header
2. Select Moqups Project
3. Click Create and a Moqups Project will open

Add Moqups Project to an Existing Confluence Page

There are three ways to add a Moqups Project to any type of Confluence page. Make sure you are in the Confluence page’s ‘Edit’ mode, and then:

• Choose Moqups Project from the Insert dropdown
• Choose Moqups Project from Visuals & images in Other macros
• Use our integrated {moqups} macro

Choose Moqups Project from the Insert dropdown

1. Navigate to the Confluence Top Toolbar and click the Insert button
2. Choose Moqups Project from the dropdown and a Moqups Project will open

Choose Moqups Project from Visuals & images in Other macros

1. Navigate to the Confluence Top Toolbar and click the Insert button
2. Select Other macros, select the Visuals & images tab, and then click on Moqups Project

Use our integrated {moqups} macro

1. Type {mo
2. Choose Moqups Project from the dropdown and the app will open

Name Project

Type in a project name and click OK.

Work on Project

1. To start working on your Moqups Project, simply drag and drop stencils, images, and icons directly onto the page.
2. On the right of the top toolbar, click on the Format tab to customize objects and the Interactions tab to create prototypes.

Save Project

To save your project, click the Save button in the top right corner of the window.

When you save a Moqups Project, but are still in Confluence’s page-edit mode, the page will display a temporary project placeholder until you Publish.

Once you publish, the Confluence page will display a full thumbnail that reflects your project's content.

Set Thumbnail

While you are in the Confluence page-edit mode, you can:

• Choose the size of the Moqups Project thumbnail that’s displayed on the page
• Choose which Moqups Project page the thumbnail displays

Choose the size of your Moqups Project thumbnail

1. Enter Confluence’s Page-Edit mode by clicking on Edit in the upper-right corner of the Confluence page
2. Click on the project placeholder to open the display option menu
3. Choose a size for your thumbnail
4. Click Update or Preview to see the new thumbnail in place
5. Clicking on the thumbnail will now take you to the selected page of the project.

Choose which page from the project the thumbnail displays

1. Enter Confluence’s Page-Edit mode by clicking on Edit in the upper-right corner of the Confluence page
2. Click on the project placeholder to open the display option menu
3. Click on the Page Displayed button to select a page
4. Click Update or Preview to see the new thumbnail in place

View or Edit Project

Navigate to the thumbnail of the Moqups Project you want to open and then:

• Click the Eye icon to open and view your project in preview mode

                                                       or

• Click the Pencil icon to open and edit your project