用途:在 Stitch 中创建可复用的 Design System(主题配置),把本地提取的 CSS 令牌持久化为 Stitch 原生设计令牌,之后可应用到任意屏幕,保证多屏幕、多项目的视觉一致性。仅在用户明确提到“Stitch”时使用;典型场景是先用 stitch-design-system 提取 CSS 令牌后想持久化,或用户明确要求创建 Stitch 设计系统。
主要能力:调用 MCP 工具 create_design_system,传入 designSystem(含 displayName 与 theme)和可选 projectId。theme 必填 colorMode(LIGHT/DARK)、headlineFont、bodyFont、roundness、customColor;可选 labelFont、colorVariant(如 TONAL_SPOT)、designMd、overridePrimaryColor/SecondaryColor/TertiaryColor/NeutralColor、spacing、typography。字体为枚举,共 68 种,涵盖无衬线、衬线、等宽与展示体。roundness 取 ROUND_FOUR/EIGHT/TWELVE/FULL。projectId 仅接受纯数字,省略则创建全局设计系统。
用法要点:CSS 令牌映射为 --color-primary→customColor、标题字体→headlineFont、正文字体→bodyFont、--radius→roundness。注意 designTokens、styleGuidelines、font、backgroundLight/backgroundDark、preset、description 均不被接受为输入,仅出现在 API 响应中。返回 Asset 对象含 name,需保存:update_design_system 与 generate_screen_from_text 原样带 assets/ 前缀,apply_design_system 的 assetId 需去掉前缀只传数字。
限制:背景色无法直接指定,由 colorMode 与调色板推导;字体需映射到最接近的枚举值;部分字体别名已弃用。创建后可询问是否应用到现有屏幕(stitch-mcp-apply-design-system)。