HELIO ist kein Tool zum Stylen von HMIs, sondern ein System, das Design, Themes und Layouts zentral steuert. Über den „Style“-Tab lassen sich kleinere Anpassungen vornehmen, etwa die Primärfarben und Schriftarten – individuelle Änderungen am Design sind jedoch nicht vorgesehen. Für umfangreiche Anpassungen arbeitet HELIO mit Design Tokens, die zentral definiert und gesteuert werden.
In Figma werden alle designrelevanten Eigenschaften – wie Farben, Größen oder Abstände – als Tokens hinterlegt. Über ein Plugin in Figma lassen sich diese Token-Einstellungen und Definitionen als JSON-Datei exportieren. Diese Datei kann direkt über den „Import Theme“-Button importiert werden. Dann werden alle Anpassungen direkt zentral übernommen und betreffen das gesamte HMI, nicht nur einzelne Elemente.
Damit bietet HELIO eine strukturelle und skalierbare Lösung, Themes konsistent und effizient zu steuern. Designer können auf dieser Basis schnell neue Varianten erstellen, während Entwickler:innen sicherstellen, dass alle Änderungen konsistent im System umgesetzt werden. HELIO ermöglicht maximale Anpassbarkeit, zentrale Steuerung und hohe Effizienz – ohne dass das HMI manuell aufwendig gestylt werden muss. Mehr dazu im Video über Design Tokens.
