AB Designs

HMI design in Figma

Where the HMI and SCADA rebuilds start: every screen drawn in Figma from a shared component library, the line mapped station by station, and the tags planned before anything is built.

Role
UI design, planning, documentation
Discipline
HMI · Design
Built with
Figma, FigJam, Spline
Feeds
DryRun and the trainers
The process

Hundreds of screens, one system.

A machine HMI can run to hundreds of screens. Rebuilding one starts in Figma: every screen redrawn from a shared library of buttons, fields and indicators, organised the way the machine organises them, then linked into a clickable prototype.

Alongside the screens, FigJam boards map the line station by station and plan which tags each screen and SCADA view will show. That groundwork is what DryRun’s pipeline compiles into the HMIs you can explore.

HMI screens and Spline assets, built from one component library
SCADA prototyping and documentation
Tag mapping in FigJam: faults and signals per station
Mapping the line, station by station