Home

Awesome

<p align="center"> <img src="https://user-images.githubusercontent.com/1750832/46512415-b9f5fe00-c808-11e8-9601-02da2bad8eee.png" alt="Design System UI Kit Data" /> </p> <br /> <h1 align="center" style="border-bottom:none;">Lightning Design System UI Kit Data</h1> <p align="center"> A collection of fictitious Salesforce data for use as <a href="https://medium.com/sketch-app-sources/using-the-new-data-feature-in-sketch-52-daee8403cabb" target="_blank">Sketch custom data</a>. Use this info to populate designs created from the Lightning Design System UI Kit. </p> <h3 align="center"><a href="https://github.com/salesforce-ux/design-system-ui-kit-data/archive/master.zip">» Download the SLDS Data Now «</a></h3> <br /> <br /> <a href="https://i.giphy.com/media/cPZS3N2NgWbtsf8uoU/source.gif" target="_blank"><b>See it in action:</b> Adding custom data to 100 fields in 30 seconds</a> <br /> <br />

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. <br /> <br />

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. <br /> <br /> 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. <br /> <br /> Adding SLDS Data to Sketch <br /> <br /> In any text element or text symbol override, you can now populate your designs with the different Salesforce data types. <br /> <br /> Overriding a Text Element with a Salesforce Case Status <br /> <br /> 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. <br /> <br />

Got something to add?

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

License

All icons and images are licensed under Creative Commons Attribution-NoDerivatives 4.0 <br /> <br />

<p align="center"> <a href="https://github.com/salesforce-ux/design-system-ui-kit/archive/master.zip"><img src="https://user-images.githubusercontent.com/1750832/41082860-7ffe3c1c-69e4-11e8-9b0f-813cf9be1395.png" alt="Design System UI Kit" /></a> </p>