一、为何设计系统迎来关键更新？
随着设计、产品、工程与 AI 模型之间的界限日益模糊，设计系统不再只是静态的组件库或样式指南，而成为团队、平台、智能体共同使用的“活系统”。Figma 在其设计系统大会 Schema 2025 中明确指出：设计系统正在从静态标准转向「设计 + 代码 + AI」的一体化流。 Figma+2ux-republic.com+2
对于拥有多个品牌、跨产品线和复杂组件结构的大型团队来说，旧有的组件库管理方式已难以支撑规模化、效率化需求。Figma 的更新正是回应这一趋势。
二、核心更新功能一览
1. Slots（插槽功能）
之前，在 Figma 中组件实例若需要新增内容（例如下拉菜单添加条目、卡片新增动作按钮），常常面临以下麻烦：要么设计师需要提前将所有变体隐藏在组件内部，要么将实例拆离（Detach）组件，导致失去与设计系统的连接。
而 “Slots” 功能允许在组件实例内部 自由添加或替换子层级，同时保留与父组件的链接规则。Figma 官方指出：用户可指定哪些实例可接受哪些 Slot，从而既灵活、又可维持设计系统合规性。 Figma+1
目前该功能为早期访问，任何拥有 Full Seat（专业席位）的团队成员可申请加入等候。 Figma Help Center
2. Extended Collections（扩展集合）
对于多品牌或多产品线的组织来说，管理多个视觉系统往往导致组件库版本分叉、维护负担加剧。Figma 推出的 Extended Collections 功能，允许团队先创建一个“核心设计系统（Parent Collection）”，然后其他品牌或产品线可在其基础上继承更新、再做自定义覆盖。即：更新核心后，派生集合可自动同步父系统的新变量或颜色，同时保留品牌特有覆盖内容。 Figma+1
该功能预计于 2025 年11 月逐步开放。 Figma Help Center
3. Check Designs（智能检测）
设计与开发交接时，常常出现“这个颜色到底是哪个 token？”、“为什么这个按钮没用样式？”之类的问题。Figma 新增 “Check Designs” 工具，即设计系统的 Linter：设计师可标记某元素“已准备开发”，系统即自动扫描识别硬编码值、建议使用正确变量、提示样式偏差，确保手稿与设计系统同步后再交付。 DesignZig+1
目前该功能亦为早期访问，仅适用于组织版或企业版。 Figma Help Center
4. 变量增强与标准化
- 模式上限提升：Professional 版每个集合最多支持 10 个模式，Organization 版最多 20 个模式。 UX news+1
- 原生 JSON 导入／导出：配合行业标准 DTCG（Design Tokens W3C Community Group）1.0，Figma 宣布即将支持设计变量的原生导入导出。 Figma+1
5. Make Kits 与 npm 导入
在 Figma 生态中，原本设计系统与代码库之间往往隔离。此次更新新增功能包括：
- Make Kits：可将 Figma 库导出为 React 组件与 CSS 文件，并用于 Figma Make 原型生成工具。 Figma
- npm 导入：支持将公开或私有 npm 包中的 React 组件直接导入 Figma 设计系统中。此举缩短“设计系统 → 代码”路径。 DesignZig
6. 性能与开发‑设计协同优化
Figma 对其设计系统架构做了大规模重构：变量更新、模式切换的响应速度提升约 30‑60%，复杂状态切换最快从 3500 ms 缩至 350 ms。 Figma+1
设计与代码的桥梁也进一步加强：新版 Code Connect UI 可直接连接 GitHub，AI 建议组件对应代码文件，降低人工映射成本。 ux-republic.com+1
三、谁可以申请、何时开放？
- 只有拥有 完整席位（Full Seat） 的团队成员（专业版、组织版、企业版）才具资格申请早期访问功能，如 Slots、Check Designs。教育版用户暂不支持。 Figma
- 部分功能如 Extended Collections、npm 导入计划于 2025 年 11 月逐步开放。其他功能正在陆续上线。 Figma Help Center
四、对设计系统团队与组织的意义
- 治理与一致性提高：Slots 与 Check Designs 帮助设计系统团队实现更严格的规则执行与自动化检查。
- 多品牌扩展更易管理：Extended Collections 使大组织多品牌、多系列产品的视觉系统可在一个核心体系下派生、同步、管理。
- 设计‑代码衔接更顺畅：Make Kits、npm 导入与 Code Connect UI 打通了从设计系统到代码的通路，减少手工转换与版本漂移。
- 性能提升带来规模化支持：适用于拥有数千组件、多团队协作的大型设计系统文件。
- AI 时代的设计系统定位更明确：设计系统不再仅是样式手册，而是设计 + 代码 + 流程 + 智能体的一部分。
亮点提要
- 🌟 Slots（插槽）：组件实例可自由添加内容，无需拆版或分离，增强灵活性。
- 🧩 Extended Collections（扩展集合）：支持父系统 → 多品牌派生，保持同步更新与品牌定制。
- ✅ Check Designs（设计审核）：AI 检测设计稿变量与样式使用偏差，提升交付质量。
- 🧮 变量增强：模式数量提升、支持 JSON 导入导出、符合 W3C 设计代币标准。
- 🔧 Make Kits & npm 导入：设计系统可直接转换为 React 组件/ CSS 或导入代码库组件，设计‑开发融合。
- 📆 开放时间与对象：专业版／组织版／企业版团队成员可申请早期访问，教育版暂不支持。
- 🔗 详情入口： https://www.figma.com/blog/schema-2025-design-systems-recap/ Figma
© 版权声明
文章版权归作者所有，未经允许请勿转载。
相关文章
暂无评论...
UIED学习平台