i4designer - Configuring Instead of Programming!

With the low code platform i4designer you create appealing process visualizations – without extensive and complicated HTML5 programming.

Create appealing process visualizations

i4designer is a low-code platform to create HTML5 applications for i4HMIi4SCADAi4BACnet and i4connected visually and without programming knowledge.

Using the modern and easy to learn user interface of i4designer, “programming” becomes ” configuring”.  With the help of drag-and-drop, the creation of visualization applications for web and mobile is possible without much training and without programming knowledge. This drastically reduces the engineering time.

At the same time, users are much more flexible: Thanks to the low-code approach, they can easily change and adapt created visualizations. This not only reduces software maintenance costs to a minimum, but also enables them to implement iterative prototyping and agile software development. Since the applications can be tested immediately in i4designer, the costs for commissioning are also reduced considerably.

With i4designer, it is easier than ever to adapt visualizations to your requirements – the best prerequisite for implementing projects successfully and within the given budget.


Create HTML5 applications for i4HMI, i4SCADA, i4BACnet and i4connected visually by drag-and-drop and without programming effort or fully automated by importing JSON files.

Powerful functions support you in the professional design and implementation of your individual customer applications within the given budget.

Work in a team on joint projects at the same time. All projects are centrally available in one place - always in the latest version. This makes you independent in the design of your work and lets you implement changes quickly.

Reduce the costs for commissioning at the customer's site and test all functions already during application development. Extensive simulation options are available for this purpose.

With the 1-Click-Publish function you can transfer your applications to your customer's hardware or infrastructure with just one click. If no online connection is possible, you can use the download function.

Video tutorials explain the correct procedure using application examples and guarantee a short familiarization period. The online documentation also contains all the technical details, and a news feed keeps you up to date.

The functions and advantages of i4designer at a glance.

Create modern HTML5 Visualisations - without any programming knowledge!

  • With the low-code platform i4designer you can easily create HTML5 visualisations via drag & drop.
  • Additionally, you can create visualisations fully automated by importing JSON files. Those can be created in a prior system.
  • The platform contains a variety of editing functions which you know from other graphical tools
  • Select symbols from a comprehensive library for your HMI, SCADA, and Analytics applications. You can easily add your own symbol libraries as well.
  • Engineering teams only need one graphical editor: i4designer can be used with all of our platforms – i4SCADA and i4connected.
overview i4designer

Work in a team on joint projects at the same time. Anytime and anywhere.

  • In i4designer several users can work on a project in parallel.
  • All projects are centrally available in one place – always in the latest version. Users can easily manage, share and export them here. Existing projects can be inserted into new projects by copy and paste.
  • An easy-to-configure role and rights management ensures that only authorized persons can access projects and make changes.
  • The different versions of a project can be tracked at any time thanks to the change history.

Minimize your effort for the implementation.

  • i4designer allows to test visualizations with simulation values already during engineering.
  • With one-click provisioning, you speed up the implementation: users deliver and update applications with one click.
  • By synchronizing i4SCADA Studio with your PLC program, the visualizations automatically adapt to changes, such as process variables.
signal overview i4designer

What can we do for you?

Would you like to test i4designer yourself? Then request a non-binding demo now.

Do you need help with i4designer or are you looking for more in-depth information? Check out our online documentation.

Have a look at our video tutorials about creating visualizations with i4designer.