alt

TouchGFX Designer is an easy-to-use GUI builder included as a free tool in TouchGFX. The Designer lets you create the visual appearance of your TouchGFX application in an instant.

The GUI tool cuts hours of your development process. This is done without compromizing the quality of your TouchGFX application.

alt

Design

Spark innovative GUI ideas and move your design files quickly to TouchGFX Designer.

alt

Implement

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

alt

Run

Watch your application come to life on your PC, supported board or custom hardware with just one click.

Design, implement, and run your applications on the PC simulator, supported developer boards or your custom hardware with just one click. Get going and create apps with high-end graphics.

Features

Structure

TouchGFX Designer lets you create multiple screens. At the same time, you get a clear overview of screen content.

Widgets

Our wide selection of customizable widgets help you quickly create a stunning prototype that reflects your corporate brand.

Skins

TouchGFX Designer holds a set of ready-to-use graphical skins. Skins make it easy to create great, consistent prototypes fast with no need for a graphical designer. Your can also insert your own custom graphics anywhere you like.

Interactions

TouchGFX Designer makes it easy to add dynamic interactions. This makes your application come alive with user-friendly functionality.

Custom Container

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

Run on Your Selected Hardware

Add support for your custom board. Fill in your board configuration and deploy your application on your custom board with just one click.

Tutorial Videos for TouchGFX Designer

TouchGFX Designer: Design, Iterate, and Run

TouchGFX Designer is created as an intuitive add-on tool to the TouchGFX framework. Its drag and drop approach makes developers and designers able to create a fully functional prototype fast and easy.

Creating Your Very First TouchGFX Application

Get started fast and easy with TouchGFX and TouchGFX Designer. Watch this tutorial “Creating your very first TouchGFX application using TouchGFX Designer:

TouchGFX Designer: Images

Get started fast and easy with TouchGFX and TouchGFX Designer. Watch how to use images in the TouchGFX Designer:

Containers & Custom Containers in TouchGFX Designer

One powerful and probably the easiest way of creating your own widgets is to create your own custom containers. A custom container is an object that contains other existing widgets. It also combines the visual appearance and behaviours of these widgets. Read our Knowledge base article here

Interactions

TouchGFX Designer makes it easy to add dynamic interactions that react to certain events and activate others. This makes your application come alive, offering your users a more user-friendly product.

More videos to come…

Free Resources

Download our TouchGFX Designer introduction here.

In TouchGFX Help Center, you find free articles and tutorials that help you in your development with TouchGFX and TouchGFX Designer.

Visit our Help Center here.