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 />
<br />
<br />
In any text element or text symbol override, you can now populate your designs with the different Salesforce data types.
<br />
<br />
<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>