Introduction to theming

The Automotive Navigation Application is designed with customization in mind.
It includes powerful tools so you can tailor both the map and user interface to your brand.

For more information, watch the Introduction to theming video:

Key tools

TomTom Map Maker

Create custom map themes for various use cases, such as driving or browsing.
You can update colors, control what data is shown, and choose the services to include.

Once your map theme is ready, import it into Figma using the TomTom Map Generator plugin.

Automotive UI Toolkit

A Figma-based toolkit containing TomTom components, experience stacks, and screen templates.
It follows the TomTom Design System, allowing you to adapt colors, shapes, icons, and fonts to your brand.

Built with the Token Studio plugin, it works seamlessly with Figma variables.
All visual elements are stored in a separate Visual Assets file, included with the toolkit.

Curious about applying your branding and style to the Navigation application? Request access to get started.