什么是 Specify

Specify 是一个设计令牌（Design Token）流水线，旨在实现整个产品开发生命周期中设计决策的自动化同步。与传统的手动交付不同，Specify 充当了单一事实来源，从 Figma 中提取设计令牌，并自动将其分发为特定平台的代码（如 CSS、SCSS、Tailwind、Android、iOS）到您的代码仓库中。通过将设计视为数据，它消除了手动更新，减少了实现过程中的人为错误，并确保设计系统的变更通过自动化的 Pull Request 实时同步到所有代码库。

Specify 的核心功能

Figma 到代码的同步

Specify 通过将 Figma 样式解析为结构化的 JSON 令牌，弥合了设计与开发之间的鸿沟。它支持包括颜色、排版、间距和阴影在内的复杂数据类型。通过自动化转换过程，确保开发人员始终使用最新的设计系统更新，防止因设计师更新 Figma 而开发人员仍使用旧版硬编码值所导致的“偏差”。

多平台令牌分发

该引擎支持多种输出格式，包括 CSS 变量、SCSS、Style Dictionary、Tailwind 配置以及原生的 Android/iOS 格式。这使得单一设计源能够驱动跨平台生态系统。通过使用统一的流水线，团队可以确保 Figma 中的品牌主色更新能同时准确转换为 Web 的十六进制代码和移动端的资源引用。

自动化 Pull Request

Specify 直接与 GitHub、GitLab 和 Bitbucket 集成，在设计令牌发生变更时自动发起 Pull Request。此工作流允许开发人员在合并前以代码差异（diff）的形式审查设计变更。它将设计更新转化为标准的代码贡献，保持清晰的审计追踪，并确保设计系统的变更遵循与应用程序逻辑相同的 CI/CD 质量门禁。

集中式令牌治理

Specify 提供了一个集中式仪表板来管理、版本化和记录设计令牌。它作为单一事实来源，防止了设计变量在不同代码库中的重复。团队可以定义命名规范和层级结构，确保随着设计系统从单一产品扩展到多品牌、多平台架构时，令牌始终保持一致且可扩展。

可定制的转换流水线

用户可以定义自定义转换规则，在同步过程中修改令牌数据。这对于有特定命名要求或独特架构需求的团队至关重要。通过利用自定义解析器和格式化程序，开发人员可以将原始 Figma 数据转换为其特定设计系统框架所需的精确结构，在不牺牲自动化优势的前提下提供最大的灵活性。

如何使用 Specify

创建 Specify 工作区并通过 OAuth 集成连接您的 Figma 文件。2. 使用 Specify 插件在 Figma 中定义设计令牌以结构化您的数据。3. 在您的代码仓库中配置 'Specify.json' 文件，以定义输出格式和目标路径。4. 通过 npm 安装 Specify CLI 或使用 GitHub App 来实现同步自动化。5. 运行 'specify pull' 以获取最新令牌并生成适配平台的代码文件。6. 合并自动生成的 Pull Request 以更新您的应用程序样式。

Specify 的使用场景

跨平台设计一致性

一家拥有 Web、iOS 和 Android 应用的公司使用 Specify 来确保品牌颜色和排版在所有平台上完全一致。当设计团队在 Figma 中更新间距令牌时，Specify 会将该变更推送到所有三个代码库，确保在无需开发人员手动干预的情况下实现视觉对齐。

自动化设计系统维护

设计系统团队使用 Specify 来消除更新 CSS 变量的手动工作。通过自动化流水线，他们将设计到代码的交付时间缩短了高达 80%，使开发人员能够专注于功能开发，而不是更新样式常量。

多品牌架构

管理多个客户品牌的代理机构使用 Specify 为每个品牌维护独立的令牌集。他们可以在 CLI 中切换品牌配置，确保每个特定客户项目的构建过程中都能注入正确的令牌。

谁适合使用 Specify

设计系统工程师

他们需要在大型代码库中维护可扩展且一致的设计系统。Specify 自动化了繁琐的令牌分发任务，使他们能够专注于架构设计而非手动更新样式。

前端开发人员

他们常面临 CSS/Tailwind 变量与 Figma 同步困难的问题。Specify 为他们提供了一个可靠的、自动化的事实来源，并直接集成到现有的 Git 工作流中。

产品设计师

他们希望自己的设计愿景能被准确实现，而无需与工程团队进行频繁的沟通往返。Specify 确保他们的设计令牌每次都能被正确转换为代码。

Specify