Embed Axure Prototypes in Your Favorite Collaboration Tools

Whether you rely on project management platforms, communication apps, or design tools, embedding Axure prototypes brings clarity, efficiency, and enhanced teamwork to your workflow. In this article, we will explore the benefits of embedding Axure prototypes in your favorite collaboration tools and discover how it can streamline your design process. To help make that process easier, we’ve compiled a list of commonly used tools to demonstrate and explain how you can easily embed your Axure prototypes.

1. Notion

Notion, a productivity and collaboration tool, makes embedding Axure prototypes as easy as ever. All you have to do is paste your share link onto a page, and select Create Embed from the context menu that appears. Then, your prototype preview will automatically appear and you can view and inspect just as if you were viewing it in the browser.

2. Jira & Confluence

Jira and Confluence are commonly used by development and project management teams. Both of these tools also have Axure plugins, making it as simple as ever to embed your Axure prototypes into tickets. Once you download and install the plugins, use the steps below to attach your prototypes:

Jira:

• Copy a share link from one of your Axure prototypes
• From within a Jira ticket, click the Axure icon and paste the link into the Axure Prototype field
• That’s it! You can navigate your prototype directly within the Jira ticket and start collaborating by adding comments

Confluence:

• Copy a share link from one of your Axure prototypes
• When editing a Confluence page, paste an Axure Public Share Link directly into your page. Alternatively, click the Insert button and search for “Axure for Confluence” or type “{axure” and hit Enter.
• Set the desired height for your embedded prototype. That’s it! You can navigate your prototype directly within the read-view of the Confluence page and start collaborating by adding comments

3. Miro

Adding your Axure prototypes to the visual collaboration platform Miro is simple. To start, make sure you have your Axure prototype’s share link, which you can copy from Axure Cloud or in the publishing dialog in Axure RP. Then in Miro, click Embed iFrame code in the toolbar, and then paste in an iframe code containing your Axure prototype link, such as this example below:

<iframe src="https://r2b1jg.axshare.com"> </iframe>

From there, click Open on the iframe to load your prototype. Now you and your team can preview and inspect your project pages right in Miro.

4. Coda

Coda is the all-in-one doc that brings words, data, and teams together, and you can embed your Axure prototypes to include them in your Coda docs. To do so, simply paste your prototypes share link (with https:// included at the start) and select <> Embed from the context menu. Then, click the pen icon in the top right corner, and toggle the Force radio button on.

5. Avion

Avion, a product planning tool with a focus on user story mapping, also allows you to easily embed Axure prototypes. Once you have copied your prototype’s share link, into your user stories in Avion under the Attachments menu. Avion will recognize this as an Axure link and give you an interactive embed. This will stay up-to-date as you change your designs, as long as the link remains visible to Avion.

6. UXfolio

UXfolio is a portfolio builder for UX designers. You can easily embed and show off your Axure prototypes by following these steps:

1. Copy you Axure prototype’s share link and head over to UXfolio
2. Open your case study in edit mode.
3. Add a Prototype section.
4. Choose Axure from the list.
5. Paste the prototype share link into the box, and click Save Changes.

We hope this article helps you get started with embedding your Axure prototypes in other tools. As always, if you have any questions or want to submit feedback, you can contact us at support@axure.com. Happy Prototyping!