My Prototypes

While I’ve used with Framer, Adobe XD, InVision, and Figma, I have always loved Axure.

My Role

Axure Logic Code

Visual Design

Interaction Design

When it comes to prototyping complex hardware and software, including sequencers, meters, and dials, Axure is truly flexible. Similar solutions can be achieved with tools like Framer and code, but I’ve used Axure for so long now that it is second nature to me.

Dial

A dial being turned
An interactive dial built in Axure RP9

Here, a dynamic panel’s rotation sets a variable and calls a hidden hotspot. This hotspot checks the state of the variable and panel and allows us to blend through states in the outer LEDs using an opacity calculation.

A dial in Axure with logic code
How I programmed the interactive dial in Axure RP9

Meters

A GIF of Pre and Post-Fade meters in Axure
An interactive slider and meter built in Axure RP9

Using random data, the position of the meter is emulated. If the meter goes above a certain level, the clip indicator is triggered—this can then be dismissed with a click.

The meter on the left is pre-fader, the one on the right is post-fader, which means that the meter is affected by the position of the fader.

A meter in Axure with logic code
How I programmed the interactive slider and meter in Axure RP9

Sequencer

A GIF of a basic Sequencer wireframe
An interactive sequencer built in Axure RP9

A simple sequencer. Clicking on a pad changes its selected state and pressing play emulates a playhead moving through each of the 4 steps at a rate of 500ms.

A sequencer in Axure with logic code
How I built the interactive Sequencer in Axure RP9

Window

A GIF of an expanding window
An interactive window built in Axure RP9

A simple window is expanded and contracted using an ease in/out animation. The call to action text changes to align with the action that will be performed.

A window in Axure with logic code
How I built the interactive window in Axure RP9

Try it for yourself!