lightning-design-system-linter
    TypeScript icon, indicating that this package has built-in type declarations

    1.1.1 • Public • Published

    Lightning Design System Linter for Sketch

    This Sketch assistant validates document text colors, border colors, fill colors, text sizes, and font families against the Salesforce Lightning Design System design tokens.

    About Sketch Assistants

    First time using a Sketch Assistant? Read Sketch's help documentation.

    Versions

    Make sure you are validating against the correct SLDS release. Copy and paste the corresponding linter URL in a browser window to download.

    Winter '21 + new color palette:

    linter version: 1.1.1
    url: sketch://add-assistant?url=https://registry.npmjs.org/lightning-design-system-linter/-/lightning-design-system-linter-1.1.1.tgz

    Winter '21 only:

    linter version: 1.0.5
    url: sketch://add-assistant?url=https://registry.npmjs.org/lightning-design-system-linter/-/lightning-design-system-linter-1.0.5.tgz


    Linter Rules

    Fill Color

    Fill colors should match SLDS background or generic color token values.


    Border Color

    Border colors should match SLDS border or generic color token values.


    Text Color

    Text colors should match SLDS text or generic color token values.


    Text Size

    Text sizes should match SLDS font size token values.


    Font Family

    All text should use the Salesforce Sans font family.

    Install

    npm i lightning-design-system-linter

    DownloadsWeekly Downloads

    36

    Version

    1.1.1

    License

    MIT

    Unpacked Size

    441 kB

    Total Files

    15

    Last publish

    Collaborators

    • salesforce-ux