01 发现 Salesforce Lightning Design System 2（Discover SLDS 2）
本单元带你认识 SLDS 2。我们解释这个设计系统是什么、它的关键特性，然后介绍它给你（管理员）以及你的开发者和设计师带来的好处，最后梳理 SLDS 2 附带的完整功能套件。
学完本单元，你将能够：
- 描述 SLDS 2 是什么及其好处；
- 讨论 SLDS 2 的能力和最佳实践。
什么是 SLDS 2？（一）：概览
Salesforce Lightning Design System 2（SLDS 2）是 Lightning Platform 产品最新的设计系统，也是 Salesforce agentic 设计系统的基础。它帮你在应用和平台之间创建一致、无障碍、可扩展的用户界面，为管理员、开发者和设计师提供工具、组件和指南，让应用符合 Salesforce 的设计原则和视觉语言。SLDS 2 面向未来，旨在把你的 UI 体验带入 agentic 时代及以后。
上图是启用 SLDS 2 内置主题 Salesforce Cosmos 后的 Sales Welcome 页面示例——圆润的边角、按钮以及更明亮的色彩。
什么是 SLDS 2？（二）：关键特性
SLDS 2 不只是一套外观，而是一整套特性栈：
- Lightning 组件（Lightning components）；
- 语义样式钩子框架（semantic styling hook framework）——用于灵活的主题定制；
- 内置的 Salesforce Cosmos 主题；
- 工具套件——包括 SLDS Linter 和 SLDS Validator。
增强的设计架构 + 更新的支持工具，共同带来下面要讲的好处。
对 Salesforce 管理员的好处
作为管理员，最大的好处是点击而非代码（clicks-not-code）：你可以通过 Themes and Branding 功能把品牌带入生活、定制用户体验，全程无需写代码。开启默认 SLDS 2 主题 Salesforce Cosmos 只需一键，立即带来自适应的间距、一目了然的视图和更丰富的色板。当你想要独一无二的风格时，还可以轻松创建自己的 SLDS 2 主题（稍后详述）。
对开发者和设计师的好处
你的开发者和设计师也能获得更细粒度的专业级控制。高级 Figma kits 附带预构建组件和刷新的色彩与间距；灵活、面向 agentic 的架构（基于全局样式钩子）让开发者写代码更快；更新的工具让质量评估变得简单。SLDS Linter 是 Salesforce 推荐的代码分析工具：它对照 SLDS 2 规则检查代码、提出改进建议，还能自动修复并在整个仓库里批量应用这些修改。
能力（一）：功能套件
浏览一下 SLDS 2 的功能套件：
- Themes and Branding：预构建主题 + 自定义主题，全部基于扩展后的色板；
- Salesforce Cosmos 主题：现代、直观的视觉设计，圆润图形、刷新的色彩和更佳的排版；
- 高级 Figma kits：带 1:1 代码映射的预构建组件；
- 开发者工具：新规则集、内联指导和批量报告。
能力（二）：个性化与架构
还有两项能力补齐图景：
- 用户个性化：密度控制和偏好让每个用户定制 UI；
- SLDS 2 架构：语义样式钩子是基于新全局样式钩子的灵活样式框架，用钩子干净地改变 UI 外观。
Lightning Base Components 是首选的设计构件——也是面向未来、AI 就绪组件的基础。
02 规划从 SLDS 1 到 SLDS 2 的迁移（Plan Your Transition）
本单元进入实操：检查 SLDS 2 的可用范围，开启和关闭 Salesforce Cosmos 主题，构建自定义 SLDS 2 主题，评估你当前的 UI，并梳理管理员、开发者、设计师的迁移任务——外加最佳实践和支持渠道。
学完本单元，你将能够：
- 开启 Salesforce Cosmos 主题；
- 创建一个新的 SLDS 2 主题；
- 理解管理员的迁移任务；
- 理解开发者和设计师的迁移任务；
- 描述如何获取 SLDS 2 的帮助。
SLDS 2 的可用性
从 Winter '26 起，SLDS 2 功能已在所有 Salesforce 版本中普遍可用（GA）。不过要注意：一些产品和附加组件尚不支持。规划前，请对照 Salesforce Help 里的 Salesforce Cosmos Theme and SLDS 2 Availability 文章，核对你 Org 运行的具体产品和附加组件的可用性。
如何开关 SLDS 2（一）：激活 Salesforce Cosmos
开启 SLDS 2 很简单，因为它跟着默认主题走。在 Setup 中搜索并选择 Themes and Branding（Starter Org 先点 Open Advanced Setup），在 Salesforce Cosmos 一行选择 Activate。
一旦激活 Cosmos（或激活任何你构建的 SLDS 2 主题），SLDS 2 就对 Org 里的每个人生效。Salesforce 也指出，这次迁移比过去的 Classic 到 Lightning 简单得多。
如何开关 SLDS 2（二）：关闭它
要关掉 SLDS 2，激活一个 SLDS 1 主题即可。在 Setup 打开 Themes and Branding，选一个 SLDS 1 主题（如 Lightning Blue），从其下拉框选择 Activate，就会在整个 Org 里为所有用户停用 SLDS 2。
一个要记住的点：如果你有在 SLDS 1 里创建的自定义主题，它在 SLDS 2 下不会自动生效——需要在启用 SLDS 2 后重新创建。
如何创建自定义 SLDS 2 主题（一）：可配置项
构建自定义主题从你的品牌开始。在 Themes and Branding 里上传 logo、头像和横幅，并上传主品牌色。SLDS 2 会据此自动生成现代 accent、container accent 和 border accent 颜色，且都满足 WCAG 色彩对比度无障碍指南。你可以覆盖生成的色板，但 Salesforce 建议不要——推荐的 accent 色才是保证无障碍的那套。
如何创建自定义 SLDS 2 主题（二）：创建与激活
创建并发布自定义主题的步骤：在 Setup 打开 Themes and Branding，点击 New Theme；在 Theme Details 填 Theme Name（API Name 自动生成）；在 Branding 选择 Brand Color、上传 Brand Image（SLDS 2 会替你选 accent 色）；填可选字段后点 Save。
上图分别是 New Theme 按钮和新自定义主题窗口（高亮了 Theme Name、Brand Color、Brand Image、Save）。
点击 Preview 预览主题，满意后点 Activate 让它上线。
评估你当前的 UI
迁移前，先搞清楚你的 Org 由什么组成。如果 Org 里有很多自定义组件、已安装的托管包，或跨多个产品的功能，结果会不同：
- 全部或大部分 Org 可能直接享受 Cosmos 和 SLDS 2 UI；
- 某些部分（如自定义组件）可能需要手动 uplift 到 SLDS 2；
- 某些部分不可用 SLDS 2——例如 Visualforce 页面、Salesforce Classic、Tableau 和 Slack。
这个评估会决定后续的任务分工。
管理员的迁移任务
作为管理员，你的角色是统筹整个迁移。具体任务包括：帮助开发者和设计师评估 Org 与 SLDS 2 的兼容性；端到端管理迁移以确保结果符合预期；创建沙盒或 scratch org 用于测试；在测试环境启用 SLDS 2；协调各团队的测试阶段；如果 Org 有 AgentExchange 应用，与 ISV 伙伴沟通他们计划何时把托管包和组件升级到 SLDS 2。
开发者的迁移任务
开发者负责深层的技术细节：评估 Org 与 SLDS 2 的兼容性；在开发环境配置 SLDS Linter 或 SLDS Validator；根据工具反馈更新组件代码以对齐 SLDS 2；审查依赖 UI 自动化测试的代码；在沙盒或 scratch org 里测试组件；需要时更新 UI 自动化测试。
设计师的迁移任务
设计师在迁移期间守护品牌的一致性：验证整个 UI 的视觉一致性，并支持自定义组件的测试，留意代码迁到 SLDS 2 时出现的意外视觉行为。
顺利迁移到 SLDS 2 的最佳实践
遵循两条简单指南，品牌迁移就会很顺畅：
- 使用 SLDS 2 内置主题 Salesforce Cosmos；
- 创建新主题时，输入你的品牌色，并信任 SLDS 2 推荐的 accent 色。
这套组合能让你的 UI 保持品牌一致且无障碍。
SLDS 2 支持
需要帮助？从 Transition to SLDS 2 指南开始（涵盖技术规范和最佳实践），需要直接支持就加入 Design Trailblazers Community。想更深入，鼓励团队完成 Salesforce Lightning Design System 2 for Developers 模块。
文章来源：Trailhead - Salesforce Lightning Design System 2 for Admins