My Experiences Building a Plugin for Miro

Example of the Reciprocal.dev miro plugin showing loading a version into a frame and activating test coverage & user journey visualisations (sequence shorted to reduce GIF size)

After launching the Reciprocal.dev alpha a couple of months ago we started to think about how we’d better scale out our data-driven User Journey Mapping functionality and bring it to the tools that teams use everyday.

We decided Miro would be a good platform to run an experiment to validate this idea due to it being the tool that most companies we’ve interacted with adopted when the lockdowns in the UK happened.

It also worked in Miro’s favour that the inspiration for what would eventually become Reciprocal.dev, which started from me experimenting with building a Miro plugin to link acceptance criteria against UI elements in November 2020.

In order to conduct the experiment we agreed on the following scope:

• We’d build a plugin for Miro that users would install via the Miro Marketplace
• The plugin would allow users to tag widgets on the board with development data points that would then be used to visualise that information
• The plugin would allow users to save versions of a User Journey Map and load versions at a later point to compare them

This would put the functionality on-par with the web app that we built for the alpha, but without us having full control over every aspect of the UI.