<h2>Overview:</h2>
<p>Salesforce Lightning Design System (SLDS) is a markup and CSS framework designed for building Salesforce apps. It ensures that UIs reflect the Salesforce Lightning look and feel. The system is continuously updated to ensure that pages built with the latest version align with Salesforce UI changes. The project repository incorporates Storybook for component development.</p>
<h2>Features:</h2>
<ul>
<li><strong>Tailored for Salesforce Apps:</strong> Utilizes the Lightning Design System markup and CSS framework for Salesforce app development.</li>
<li><strong>Continuous Updates:</strong> Ensures that pages built with the latest version are always up to date with Salesforce UI changes.</li>
<li><strong>Storybook Integration:</strong> Utilizes Storybook for component development, providing a convenient environment for creating and testing components.</li>
<li><strong>Node Version Management:</strong> Recommends using Node v14 with NVM for managing multiple Node versions.</li>
<li><strong>Robust Testing:</strong> Provides a comprehensive testing suite, including linting, compilation, styles analysis, and accessibility testing.</li>
</ul>
<h2>Summary:</h2>
<p>Salesforce Lightning Design System (SLDS) offers a robust framework for building Salesforce apps with a consistent and updated user interface. By integrating with Storybook for component development, following Node version management best practices, and providing a comprehensive testing suite, SLDS ensures a smooth development experience while maintaining compatibility with Salesforce UI changes. The project's clear documentation and guides make it easy for developers to get started and contribute back to the SLDS community.</p>


<h2>Overview</h2>
<p>The Lightning Design System Starter Kit by Salesforce UX is a rapid prototyping environment that allows users to create prototypes using the Salesforce Lightning Design System, HTML, and Sass. It caters to both designers and Salesforce developers, providing an easy and efficient way to create prototypes of various sizes in the browser.</p>
<h2>Features</h2>
<ul>
<li><strong>Web Standards</strong>: The starter kit is built using HTML and CSS, making it accessible to designers with no coding experience.</li>
<li><strong>Quick and Easy</strong>: Copying and pasting markup from the Lightning Design System website is simple, allowing for fast prototyping.</li>
<li><strong>Deployment Options</strong>: The starter kit provides the option to deploy prototypes to Heroku for free with just two clicks.</li>
</ul>
<h3>Set-up (Private)</h3>
<ol>
<li>If you want to have internal-facing work in your starter kit app, it is recommended to use a private repository.</li>
<li>Import the Starter Kit repository into a new private repository by visiting https://github.com/new/import and entering the clone URL: https://github.com/salesforce-ux/design-system-starter-kit.</li>
<li>Enter a unique name for your new starter kit repository.</li>
<li>Select the Private option for privacy settings.</li>
<li>Click Begin Import.</li>
</ol>
<h3>Set-up (Public)</h3>
<ol>
<li>Fork the Starter Kit repository or download it onto your computer.</li>
</ol>


Salesforce Ux

Design System

Design System Starter Kit