Ideate, Implement and Run

TouchGFX Designer is an easy-to-use GUI builder in TouchGFX that lets you create the visual appearance of your TouchGFX application in an instant.

The Designer cuts hours of your development, as it automatically generates and flashes code to your board without compromizing the quality of your application.

Spark innovative ideas and move your design files quickly to TouchGFX Designer for easy testing.

The Designer’s simple drag & drop approach lets you implement your application fast and easy.

Watch your application come to life on your PC or selected STM32 development kits with just one click.

With TouchGFX Designer, you can create cutting-edge applications with high-end graphics and fast performance in an instant. With the designer’s simple drag and drop approach and its intuitive user interface, developers can now create prototype applications with no need for coding.

Together with the automated code generated in the Designer, you can bring user-friendly HMI solutions to market fast and easy.

Features

Structure

TouchGFX Designer lets you create multiple screens while providing a clear of screen content.

Widgets

With wide selection of customizable widgets, such as a swipe container and cycle progress, you can effortlessly create a stunning prototype that reflects your brand.

Skins

TouchGFX Designer holds a set of ready-to-use graphical skins. Skins will help you create great and consistent prototypes with no need for a graphical designer. You can also insert your own custom graphics anywhere you like.

Interactions

Add dynamic interactions to create a user-friendly application.

Custom Container

Create custom reusable controls for your application to shorten your development process and create a cohesive application, fast and easy.

Text Handling

Specify and manage all your fonts and typographies in one place. And Make all your translations. Multiple alphabets and scripts, such as Latin, Cyrillic, Aribic, Chinese, and Japanese are fully supported.

Code Generation

TouchGFX Designer generates and maintains performant C++ code.
The code generated by the tool will be completely separate from the code written by you.
The code can be extended in any way you like.
Your preferred IDE is supported – IAR workbench, ARM Keil, GCC, MSVS
TouchGFX Designer generates and maintains performant C++ code.
The code generated by the tool will be completely separate from the code written by you.
The code can be extended in any way you like, making you able to create any unique animation as well as the interconnection to your system.

Your preferred IDE is supported – IAR workbench, ARM Keil, GCC, MSVS.

Examples and demos

A lot of smal examples showing one feature or widget are available as full projects. Further some full demo applications are available as full projects within the designer, all free to use.

Run on Your STM32 board

All STM32 display kits are available as Applications Templates. One click and you get the full Board support package, ready to run and flash example, demo or you own prototype. Make you own Application Template for your custom hardware, by filling in your board configuration (guide ia available) your are ready to deploy your application on your custom board with just one click.

Videos

Go explore our videos and tutorials and get tips on how to fully utilize the Designer’s features and functions.