Skip to content

A collection of fictitious Salesforce data for use as Sketch custom data. Use this info to populate designs created from the Lightning Design System UI Kit.

Notifications You must be signed in to change notification settings

salesforce-ux/design-system-ui-kit-data

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Design System UI Kit Data


Lightning Design System UI Kit Data

A collection of fictitious Salesforce data for use as Sketch custom data. Use this info to populate designs created from the Lightning Design System UI Kit.



See it in action: Adding custom data to 100 fields in 30 seconds


Disclaimer

This is a work of fiction. Names, characters, businesses, places, events, locales, numbers, emails, URLs and all other content in this repository are either the products of the author’s imagination or used in a fictitious manner. Any resemblance to actual persons, living or dead, or actual events is purely coincidental.

Requirements

Lightning Design System UI Kit

Download the SLDS UI Kit.

Sketch

Download the most recent version of Sketch.

Getting Started

Download and unzip the SLDS Data folder into your Documents directory so the file path is HD/Users/[YourName]/Documents/SLDS Data. This exact path is important to use or you will lose the data in your Sketch designs in future updates.

In Sketch, open Sketch > Preferences then click the Data tab. Click the Add Data button and select all the data files in your SLDS Data folder.

Adding SLDS Data to Sketch

In any text element or text symbol override, you can now populate your designs with the different Salesforce data types.

Overriding a Text Element with a Salesforce Case Status

In Sketch 52, Sketch released a new feature that allows designers to link text and image files to be used as fake data. Read more about this feature and how to install data sets here.

Got something to add?

Great! Please take a look at our contribution guidelines for instructions on how to proceed.

License

All icons and images are licensed under Creative Commons Attribution-NoDerivatives 4.0

Design System UI Kit

About

A collection of fictitious Salesforce data for use as Sketch custom data. Use this info to populate designs created from the Lightning Design System UI Kit.

Resources

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published