TouchGFX Designer Software Installation Tutorial

Table of Contents

TouchGFX Designer

TouchGFX is similar to STemWin. It is a GUI framework that can easily create GUI applications on STM32 Cortex-M4 and higher-level STM32 chips. This article aims to introduce the installation process of the TouchGFX software package. Before doing this, you need to pre-install the STM32CubeMX.

How to Install TouchGFX Designer?

Download the TouchGFX Designer

Open the STM32CubeMX software and click “Install or remove embedded software packages”.

Install or remove embedded software packages
Install or remove embedded software packages

Find the TouchGFX Generator software package and click to install (you must log in to your STM32CubeMX account before installation).

Select TouchGFX Generator installation package
Select TouchGFX Generator installation package

Download and Unzip TouchGFX package.

Downloading selected software packages
Downloading selected software packages

Agree to the terms of License Agreement.

Accept the license agreement to finish the download
Accept the license agreement to finish the download

Install the TouchGFX Designer

Click the “Help<<Updater Settings” on STM32CubeMX menu, and then find the TouchGFX software package according to the following path:

C:\Users\Administrator\STM32Cube\Repository

Locating the Repository Folder to find the TouchGFX package
Locating the Repository Folder to find the TouchGFX package

The final TouchGFX package path is as follows:

C:\Users\Administrator\STM32Cube\Repository\Packs\STMicroelectronics\X-CUBE-TOUCHGFX\4.22.1\Utilities\PC_Software\TouchGFXDesigner

Double click to install TouchGFX package
Double click to install TouchGFX package
Start to TouchGFX Setup Wizard
Start to TouchGFX Setup Wizard
Select the Destination Folder to Install TouchGFX
Select the Destination Folder to Install TouchGFX
Installing TouchGFX 4.22.1 Version
Installing TouchGFX 4.22.1 Version
Completed the TouchGFX 4.22.1 Setup Wizard
Completed the TouchGFX 4.22.1 Setup Wizard

TouchGFX Designer Download and Version Compatibility

Before installing TouchGFX Designer, check the STM32CubeIDE, STM32CubeMX, firmware package, and target board versions used by your project. Version mismatch can cause missing board templates, build errors, or generated-code conflicts after importing the GUI project.

Create Your First TouchGFX Designer Project

After installing TouchGFX Designer, create a test project before connecting it to real display hardware. Start with a supported STM32 discovery or evaluation board if possible, then confirm simulator preview, screen transitions, assets, fonts, and generated code before adapting the project to a custom PCB.

Board Setup, Simulator Preview, and Code Generation

A practical first project should include one screen, one button, and one simple interaction. Use the simulator to confirm the UI flow, then generate code and open the project in STM32CubeIDE. For custom display boards, check Flash size, RAM size, frame buffer location, display interface, and external memory configuration.

Common TouchGFX Designer Installation Problems

If TouchGFX Designer does not start, cannot find board templates, or fails during code generation, check installation path permissions, STM32CubeMX integration, firmware package installation, and whether the selected board is supported by the current TouchGFX version.

About Author

Picture of Aidan Taylor
Aidan Taylor

I am Aidan Taylor and I have over 10 years of experience in the field of PCB Reverse Engineering, PCB design and IC Unlock.

Share

Recommended Post

Need Help?

Scroll to Top

Instant Quote