设计流程并没有在 开发者交付 处结束。当设计系统发展时，细节会发生变化，围绕它们构建的产品也需要改变。通过 颜色变量，我们解决了在您的设计中保持颜色同步的问题。现在，通过 颜色令牌，我们正在将同样的轻松一致性带入您的开发项目中。
颜色令牌为您提供了一组始终最新的值，这些值与您的文档或 Library 中的颜色变量相匹配。它们开启了一个全新的世界，可以将您的设计带到其他工具、平台和工作部分。
创建颜色令牌
您可以从任何具有 Web 应用程序中颜色变量的文档或 Library 中导出颜色令牌。目前，它们有两种格式 — CSS 和 JSON（使用 Amazon Style Dictionary 格式）。我们还与 W3C Design Tokens 社区组合作，因为他们定义了 JSON 设计令牌的标准规范。
在 Web 应用程序中，无论您何时选择“颜色变量”选项卡，您都可以在 组件 Web 视图 的右下角找到导出颜色令牌的选项。如果您还不熟悉组件 Web 视图，那么现在就是熟悉它的好机会。除了作为颜色令牌的主页外，您还可以在其中浏览文档或 Library 中的所有组件，检查它们，甚至复制样式的 CSS。
在您的项目中使用颜色令牌
颜色令牌可以作为独立文件下载，如果您想快速获取 CSS 并将其直接复制到简单的网站中，例如，这非常理想。对于更复杂的项目，您可能希望您的颜色令牌随着您对颜色变量所做的更改自动更新。考虑到这一点，我们添加了使用颜色令牌创建公共 URL 的选项。
公共颜色令牌 URL 将根据您的最新文档或最新的星标更新进行更新 — 选择权在您手中。无论哪种方式，如果更新包含对您的颜色变量的更改，则您的 URL 上的颜色令牌也将更改。
用于颜色令牌的公共 URL 非常适合像 Storybook 这样的工具 — 使您的开发人员的真实来源保持最新。也就是说，我们不建议您在生产环境中直接使用它们。有关将颜色令牌 URL 与您的开发设置集成的指导，请查看我们的 示例项目 和 Amazon Style Dictionary 文档。
从设计到开发 — 以及其他领域！
无论您是构建一个简单的个人网站并希望保持设计更新简单，还是负责将您的设计系统引入您产品的每个角落 — 我们确信颜色令牌可以帮助保持一致性。
颜色令牌只是我们最近为 Sketch 带来的众多开发者交付更新之一 — 而且我们不会止步于此。我们的目标是构建一套涵盖您整个设计过程的工具。从设计到开发者交付 — 以及其他领域。我们迫不及待地想向您展示接下来会发生什么。
