You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Nov 3, 2023. It is now read-only.
Copy file name to clipboardExpand all lines: README.md
+5-74Lines changed: 5 additions & 74 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -43,64 +43,16 @@ Sketch has released a feature that allowed any Sketch file’s symbols to be acc
43
43
1.**Save this file to your local computer**. To use this as a Sketch Library, first you’ll need to place this document somewhere permanent. Try saving it to, `Users/[YourName]/Documents/SLDS/` .
44
44
2.**“Add as Library” in the Sketch menu**. Next you’ll want to open the SLDS Component Library document and select `File > Add as Library` . Boom! Now you’re all set. All SLDS components are available in your Sketch Symbols menu to use in any Sketch document you work in. You can close SLDS Component Library document.
<a target="_blank" href="https://user-images.githubusercontent.com/1750832/41114414-3895b92c-6a39-11e8-81b6-cac65b112737.png" title="With the SLDS Component Library file open in Sketch, select 'Add as Library' in the Sketch menu" >
50
-
<img src="https://user-images.githubusercontent.com/1750832/41114414-3895b92c-6a39-11e8-81b6-cac65b112737.png" alt="With the SLDS Component Library file open in Sketch, select 'Add as Library' in the Sketch menu" />
<a target="_blank" href="https://user-images.githubusercontent.com/1750832/41114420-3940e2d4-6a39-11e8-8a1c-dde608b0eb5b.png" title="You can see all of your Sketch Libraries in Sketch > Preferences > Libraries">
58
-
<img src="https://user-images.githubusercontent.com/1750832/41114420-3940e2d4-6a39-11e8-8a1c-dde608b0eb5b.png" alt="You can see all of your Sketch Libraries in Sketch > Preferences > Libraries" />
<a target="_blank" href="https://user-images.githubusercontent.com/1750832/41114423-3964d928-6a39-11e8-9ec1-4a532778670f.png" title="You'll see the SLDS Sketch Library symbols available under your symbols menu no matter what Sketch document you're working in.">
66
-
<img src="https://user-images.githubusercontent.com/1750832/41114423-3964d928-6a39-11e8-9ec1-4a532778670f.png" alt="You'll see the SLDS Sketch Library symbols available under your symbols menu no matter what Sketch document you're working in." />
You'll see the SLDS Sketch Library symbols available under your symbols menu no matter what Sketch document you're working in.
70
-
</span>
71
-
</td>
72
-
</tr>
73
-
</table>
46
+
74
47
<br />
75
48
<br />
76
49
77
50
**Artboards Everywhere**
78
51
79
52
Another big change we’ve made with this Sketch Library document is we moved all components to their own artboards. This makes finding the component symbol you want to use a breeze by mapping the lightningdesignsystem.com website’s menu, which you should be familiar with, to match the left hand artboard menu in Sketch.
@@ -114,29 +66,8 @@ Most nested symbols are denoted in this document’s structure under the folders
114
66
115
67
To see nested symbols in action, add a symbol from the SLDS Component Library to your Sketch document. In Sketch’s right side panel you’ll see all the symbol overrides or customizations you can make to that symbol without having to detach it and keeping the automatic update feature in tact.
<a target="_blank" href="https://user-images.githubusercontent.com/1750832/41114415-38c15a64-6a39-11e8-8c71-bd6d1ceaad2a.png" title="The right side overrides section allows for the tab title and state to be customized" >
121
-
<img src="https://user-images.githubusercontent.com/1750832/41114415-38c15a64-6a39-11e8-8c71-bd6d1ceaad2a.png" alt="The right side overrides section allows for the tab title and state to be customized" />
70
+
0 commit comments