WireframePro | For Confluence

Draw and post UI ideas in Confluence

Add MockFlow WireframePro to your Atlassian Confluence account   Install to Confluence

Follow the below steps on how to install, draw and post wireframes in Confluence

Step 1: Install WireframePro add-on for Confluence

Click on the above 'Install to Confluence' button to install WireframePro add-on to your Confluence instance from Atlassian Marketplace. After installation, start free 30-day trial of WireframePro add-on for your team.

Step 2: Open any page created in Confluence to attach wireframes

After installation, click on 'Insert more content' button. This section contain the option, to open WireframePro within Confluence.

Step 3: Open editor to draw wireframe

On clicking the "MockFlow WireframePro" app, it opens the editor within Confluence.

In the editor, select the type of UI you want to draw. WireframePro provides components for a wide range of UI types such as iOS, Android, Web, Bootstrap, Material, WatchOS, Windows, MacOS etc... or select from your existing wireframe projects already created by your team.

Step 4: Attach drawn wireframe image to your Confluence Page

After drawing the wireframe, you can directly attach the wireframe in image format to the current Confluence page by clicking 'Post to wiki' button.

Note: List of uploaded wireframe images

The uploaded wireframe images will also be available in 'Insert files and images' section, which can be accessed for further usages.


Follow the below links on how to use the WireframePro editor or contact us at support@mockflow.com

Support portal Video tutorials Install to Confluence
Send Mail
Close Icon
Mockflow Image


google login
Sign in with SSO
By browsing this website you accept storing of cookies in accordance with our privacy policy