Automotive UI toolkit

介绍

TomTom Automotive UI Toolkit 是一个 Figma 文件，包含我们导航应用中使用的所有核心 UI 组件和体验堆栈。
它帮助客户探索导航 UI 的工作原理，并为他们提供一个起点，以便根据其品牌和产品需求进行主题定制。
该工具包配有一个配套的 Visual Assets 文件，其中包含地图和 UI 中使用的图标、图形和标识。

管理 UI 设计和视觉资产

在 TomTom，我们使用 Figma 设计用户界面，并使用 Token Studio 管理设计令牌和样式。这些工具无缝协作：
Figma 用于创建和组织设计，而 Token Studio 确保样式和令牌保持结构化且易于维护。

Visual Assets 文件作为 TomTom 导航应用中所有图标、图形和标识的唯一真实来源，
确保 UI 和地图环境中的视觉语言一致且直观。

您可以替换任何视觉元素——图标、图形或标识——以满足其特定需求。通过更新此文件中的资产，
可以生成地图和 UI 所需的所有导出文件。更改发布后，可以直接在 UI Toolkit 中预览新资产。

通过这些工具连接设计与代码，我们确保视觉和功能的一致性。这种方法还使应用不同主题变得容易，
允许设计适配多个品牌或产品，而无需从头开始。

访问设计文件和资产

Automotive UI Toolkit 还包括逐步指导，帮助您设置工作文件并开始主题定制。