
[Spring '25] 気になるリリースをピックアップ ~Salesforce Lightning Design System~
はじめに
こんにちは、荒武です。
この記事はSpring '25のリリースノートから気になるリリースをピックアップするシリーズ記事となります。
今回は以下の2つについてピックアップして紹介します。
Salesforce Lightning Design System(SLDS) 2
SLDS Validator
Salesforce Lightning Design System(SLDS) 2
Spring '25から新たなSalesforceプロダクト向けのデザインシステムである Salesforce Lightning Design System(SLDS) 2がBetaとなりました。(以降SLDS2と呼びます)SLDS 2 は、新規および既存の Starter および Pro Suite 組織でデフォルトで有効になっています。また、すべてのエディションの新規 Sales 組織と、一部の新規 Service 組織でも有効化されています。
Spring ’25 以降は、Salesforce Cosmos(SLDS2の新たなテーマ) にオプトインした新規および既存の組織で SLDS 2 が利用可能になります。(詳細)
丸みを持ったデザインが特徴でロード時間も早くなったりするようです。
Figmaが公開されているのでSLDS1と比較してみるとたしかに丸みを帯びたデザインになっていることがわかります。


SLDS Validator
SLDSをバリデーションするためのVScodeの拡張機能が利用できるようになりました。(拡張機能のURL: https://marketplace.visualstudio.com/items?itemName=salesforce.salesforce-vscode-slds)。ガイドラインに反したコードの検出、コンプリーションやエラーの自動fixも行ってくれるようです。
SLDS2にも対応しているのでSLDS1から2への移行作業のときに重宝しそうですね。
