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
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.
Meters
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.
Sequencer
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.
Window
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.
