您可以通过调整地图和用户界面元素来自定义汽车导航应用程序，以反映您的品牌。
本指南概述了关键资源和步骤，帮助您完成该过程。

1. 使用 Map Maker 自定义您的地图

使用我们的网页应用程序 Map Maker 创建并发布您独特的地图主题。

首先选择一个适合您使用场景的地图模板。几秒钟内更改地图颜色，使用模块自定义显示的数据，并选择要包含的服务。
当您对结果满意时，发布您的样式并在应用程序中使用它。

地图主题准备好后，使用 TomTom Maps Generator 插件将其导入到 Figma 中。

更多信息，请观看视频 Customize your Map Maker：

2. 下载汽车 UI 工具包和 UI 主题的视觉资源

首先下载汽车 UI 工具包和视觉资源的 Figma 文件，然后按照分步主题指南将您的品牌应用到导航 UI。

在 TomTom，我们在 Figma 中设计用户界面，并使用 Token Studio 管理设计令牌和样式。这些工具无缝协作：
Figma 用于创建和组织设计，而 Token Studio 确保样式和令牌保持结构化且易于维护。
它们共同使得为多个品牌或产品调整设计变得轻松，无需从头开始。

汽车 UI 工具包 是一个包含我们导航应用程序中使用的所有核心 UI 组件和体验堆栈的 Figma 文件。它帮助您了解导航 UI 的工作方式，并为主题定制提供起点，以匹配您的品牌和产品需求。

视觉资源 文件作为 TomTom 导航应用程序中所有图标、图形和标识的唯一真实来源，确保 UI 和地图之间视觉语言的一致性和直观性。您可以替换任何视觉元素——图标、图形或标识——以满足您的需求。通过更新此文件中的资源，可以生成地图和 UI 所需的所有导出文件。发布更改后，新的资源可以直接在 UI 工具包中预览。

3. 使用 TomTom Maps Generator 插件将自定义地图样式导入 Figma

使用 Map Maker 设计地图样式后，您可以使用 TomTom Maps Generator 插件轻松将地图导入 Figma。

通过该插件，您可以：

• 将地图图像导出为任意形状或画框。
• 使用搜索栏查找特定位置。
• 设置摄像机视角，包括首选位置、缩放级别和方位角。
• 选择不同的地图样式，如 Street, Street Satellite, Street Driving, 和 Mono。
• 启用或禁用额外信息层，如交通流量、交通事故和兴趣点，以及基础图层如水体和道路。

4. 通过主题选项应用您的品牌

汽车 UI 工具包包含分步指导，帮助您设置工作文件并开始主题定制。
您可以自定义颜色、形状、尺寸、图标和字体，使应用程序与您的品牌保持一致。

按照说明配置您的 Figma 工作区，连接相关文件，并开始更新：

• 颜色
• 排版
• 资源
• UI 元素的圆角半径

更多信息，请观看视频 Apply your branding：

推荐资源和指南

在动手进行主题定制之前，我们建议先熟悉我们的 Design System、Design for Driving Guidelines 和 Adaptiveness framework。
这些资源为创建一致且灵活的体验提供基础，并帮助您更好地理解如何有效地将品牌应用于导航应用程序。