Design System UI Kit

Overview:

The Lightning Design System UI Kit for Sketch is a collection of design resources that allows designers to incorporate SLDS components, icons, wireframes, and artboards into their designs using Sketch. However, as of Summer '23, Salesforce has announced the end-of-support for this UI Kit, which means that no further updates, bug fixes, or security patches will be provided for this plugin. Users can continue to use the kit at their own risk, but future vulnerabilities may go unpatched.

Features:

• SLDS Components for Web: Sketch equivalents of component blueprints and tokens from the SLDS website.
• SLDS Components for Mobile: A collection of native mobile patterns and mobile web coded components.
• SLDS Icon Library: A file containing design system icons generated from the design system code.
• Pattern: Builder: Customized component symbols for builder design guidelines.
• Pattern: User Engagement: Customized component symbols for user engagement design guidelines.
• Pattern: Chart: Customized component symbols for chart design guidelines.
• Pattern: Rules, Filters, and Logic: Customized component symbols for RFL design guidelines.
• Standard Artboards: Sketch artboards sized to common viewport dimensions.
• Spec Library: A collection of specifications for various components.

Summary:

The Lightning Design System UI Kit for Sketch provides designers with a collection of design resources, including SLDS components, icons, wireframes, and artboards, that can be used in Sketch. However, Salesforce has announced the end-of-support for this UI Kit, meaning that no further updates or security patches will be provided. Users can still continue to use the kit at their own risk, but future vulnerabilities may go unpatched. The installation process requires downloading and installing the latest versions of Sketch, the SLDS Plugin for Sketch, and the Salesforce Sans fonts.