用途:帮助团队从 Figma 到代码规划、审计、构建、集成并演进一套稳健的设计系统,把设计系统视为共享产品,覆盖决策、组件、文档、分发与治理,而非只做色板、变量文件或孤立组件库。
主要能力:先按需求选择工作流,包括定义方法、审计现状、创建或迁移 token、构建基础、组织 Figma 并连接代码、整合 SaaS、适配 Tailwind 或既有 UI 基础、编写组件与模式规范、指导消费、组织治理。核心流程为:先检查真实情况(产品、团队、现有样式与变量、框架与构建、可访问性与性能、重复与分叉),再界定结果与范围,建模决策与分层,用真实切片做原型,实施与分发,按比例验证,最后传递并推动采用。
使用方式:按需读取 references 下的参考文件,如 strategy-and-scope.md、audits-and-pilots.md、token-architecture.md、naming-and-source-authority.md、color-and-typography.md、components-and-patterns.md、consumption-and-learning.md、governance-and-maturity.md、implementation-pipelines.md、style-dictionary.md、figma-to-code.md、saas-structures.md、framework-adoption.md、deliverable-templates.md。资料提供的脚本命令为:python3 <skill-dir>/scripts/validate_dtcg.py path/to/tokens.json 和 python3 <skill-dir>/scripts/audit_token_usage.py src --manifest path/to/generated-tokens.css;<skill-dir> 应从所选 SKILL.md 的绝对路径解析,而非项目 cwd。
适用场景:需要统一多产品、多品牌、多主题、多平台设计语言;审计现有设计系统债务;迁移 token;连接 Figma 与代码;为 SaaS 或既有 UI 基础建立扩展策略;编写组件契约与治理流程。
限制:资料未提供具体收费、价格、平台支持范围或效果数据。脚本检查不应被当作完整 DTCG 模式验证,也不构成视觉、行为或可访问性证明。不得在无相应授权时发布、部署、重命名、删除或迁移。