Designer

The Designer is the front-end development tool of the HMI. It is divided into two editors – a graphic editor and a code editor. The code is generated automatically behind the graphic editor and can be directly edited.

Designer 1:

Designer 2: In the top right-hand corner there are three buttons for switching between these two editors or - if both are displayed - swapping the views.

Designer 3: The three buttons in the bottom right-hand corner are used to display both editors at the same time and to select the arrangement of the windows (horizontal or vertical).

Designer 4: There are various quick-access buttons on the right-hand side. With these buttons you can open the Document Outline window, the TwinCAT HMI Configuration window, the TwinCAT HMI Gallery Explorer G and the TwinCAT HMI LiveView L.