HMI Design | Building your own 3D HMI Visuals

Download two essential tools for HMI design: Asus PLC/HMI environment and Fusion 360, via free downloads, account setup, and personal-use options.

Search Grabcad for conveyor belt 3D models, create an account to download files, and save step files for import into Fusion 360, organizing models for perspective capture.

Import a fusion 360 model, group components into a conveyor, rotate and position it, and color it gray, green, and red; capture top views as transparent images.

Search for motor CAD models and download STEP files from online sources. Color and name variants, capture images, and save motor visuals for use in HMI design.

Design a basic HMI by building a visualization in Codices, using an image pool to embed and toggle images linked to a motor variable, with on/off states and simple animations.

simulate in codices by enabling simulation mode, logging in, starting the motor, and using the control tab near the HMI tab to toggle it with ctrl f7, add default state.

learn to create three-state hmi visuals by layering a red fault image over the normal view and linking it to an overload signal, then simulate to verify activation on fault.

Designs a conveyor animation in an hmi by using a motor-controlled conveyor, a three-rectangle sequence, and a timer-based toggle driven by ladder logic.

Create a simplified 3d background scene for HMI by assembling elevator, conveyor, and silo models in Fusion 360, adjust scale and color, and add a control panel for visualization.

Learn to build a realistic 3D hmi scene using 3D cad designs with Fusion 360, create simple panels and multiple pages for a readable production line overview.