+ Start a Discussion
SandrineSandrine 

Lightning desing system in simple terms

Hello,

What is Lightning desing system in simple terms
Best Answer chosen by Sandrine
Himanshu ParasharHimanshu Parashar
In very simple terms:

Lightning design system is a css framework which provide you prebuild css classes and html component html. It mocks the Salesforce UI while doing custom development. it is same as other css framework such as 

Bootstrap: http://getbootstrap.com/css/
ionic:  http://ionicframework.com/docs/components/

So for example if you want to put color for any item or component you can get colors code from this page

https://www.lightningdesignsystem.com/design/color 


Go through the different component and understand their use https://www.lightningdesignsystem.com/components/ (https://www.lightningdesignsystem.com/components/data-tables)


Thanks,
Himanshu
 

All Answers

Himanshu ParasharHimanshu Parashar
In very simple terms:

Lightning design system is a css framework which provide you prebuild css classes and html component html. It mocks the Salesforce UI while doing custom development. it is same as other css framework such as 

Bootstrap: http://getbootstrap.com/css/
ionic:  http://ionicframework.com/docs/components/

So for example if you want to put color for any item or component you can get colors code from this page

https://www.lightningdesignsystem.com/design/color 


Go through the different component and understand their use https://www.lightningdesignsystem.com/components/ (https://www.lightningdesignsystem.com/components/data-tables)


Thanks,
Himanshu
 
This was selected as the best answer
Amit Chaudhary 8Amit Chaudhary 8
Hi ,
If you want to learn the Lightning  then please below trainhead
1) https://developer.salesforce.com/trailhead/module/lex_migration_whatsnew
2) https://developer.salesforce.com/trailhead/trail/force_com_dev_intermediate
3) https://developer.salesforce.com/trailhead/trail/lex_dev
4) https://developer.salesforce.com/trailhead/module/lex_dev_overview

Getting Started with Lightning Experience
https://developer.salesforce.com/trailhead/lex_dev/lex_migration_introduction/lex_migration_introduction_whatis

Welcome to Lightning Experience! Lightning Experience is a modern, productive user experience designed to help you do more and be more efficient.

With the launch of Lightning Experience, we’ve focused on your sales reps, with a re-envisioned desktop experience to support your sales process. The result is a more productive interface, designed to support how sales reps work on a daily basis.

Although we’ve started with sales, Lightning Experience won’t end there. It’s really just the beginning! Lightning Experience will transform Salesforce CRM and extend to service, apps, platform, and more. No matter what department you're in, we understand that the way people work is changing.

All this change is greatly influenced by the rise of mobile. Sales reps at your company are already using mobile to research prospective customers, get directions to client meetings, connect socially with customers, and more. We get that. That’s why Lightning takes the cool stuff from the mobile experience and brings it to the desktop.
User-added image

Enabling Lightning Experience
https://developer.salesforce.com/trailhead/lex_dev/lex_migration_introduction/lex_migration_introduction_administration

Deciding If Lightning Experience Is Right for You
https://developer.salesforce.com/trailhead/lex_dev/lex_migration_introduction/lex_migration_introduction_rightforme

Please let us know if this will help you