It\u2019s much easier to stay consistent with typography, spacing, and colors in Sketch.<\/p>\n
Text styles and document colors are integrated directly into the toolbar\/inspector. As you create new text styles you can name them and add them to an ongoing list of styles that you can choose from later. You can then select any text in your file and see if a style has been applied or if you have accidentally veered from the desired\/saved style.\u00a0Photoshop tried to do this with paragraph and character styles, but it just doesn\u2019t feel right.<\/p>\n
Same thing with colors. You can set document colors and then determine if your selected layer is using one of these colors. This prevents you from accidentally creating 5 slightly different blues. Your developer will thank you. You can do this by selecting the layer you want to check, and then clicking in the \u201cColor\u201d box in the inspector. If the layer is already using a color you\u2019ve defined as a document color it will be highlighted with a light blue outline. If no color is highlighted, you\u2019re introducing a new color.<\/p>\n
And have I mentioned the color picker? You can hit Control + C to activate it and quickly select any color in your document. You can even use it outside of Sketch if you\u2019re trying to figure out what color that pretty new website you like is using.<\/p>\n
![\"1\"](\"https:\/\/redonkmarketing.com\/blog\/wp-content\/uploads\/2017\/03\/1-715x428.png\")
<\/p>\n
Spacing<\/strong><\/h2>\nOne of my favorite native features of Sketch is being able to quickly and intuitively check the spacing between layers. To do this, select a layer and hold down option. Now, when you hover over any other layer you will be able to see how many pixels separate the two layers. In Photoshop, I would literally count the pixels as I moved layers around.<\/p>\n
![\"2\"](\"https:\/\/redonkmarketing.com\/blog\/wp-content\/uploads\/2017\/03\/2-715x380.png\")
<\/p>\n
Speed\/Organization<\/strong><\/h2>\nSketch allows you to keep multiple pages in each file. Each page can create multiple artboards. This allows you to keep an entire web or app design in a single file. You would think this would create huge files, but the file sizes are much smaller than they would be in Photoshop. This makes Sketch faster and easier to use. There\u2019s nothing more frustrating than Photoshop taking 10 seconds just to move a layer a few pixels. This hasn\u2019t happened to me once in Sketch. (Knock on wood).<\/p>\n
Oh, and Sketch also saves automatically. And it actually works. I\u2019ve had the program crash on me a few times and haven\u2019t lost anything.<\/p>\n
Symbols<\/strong><\/h2>\nIn Sketch, you can make any element (simple or complex) a symbol. Symbols allow you to easily reuse elements throughout a design. When you make a change to the master symbol it will automatically update throughout your design. This prevents you from having to make the same change over and over again on different pages\/screens. You can do similar things in Photoshop using linked smart objects but doing so creates a new file that you have to link to. This creates issues when multiple team members are working on the same file. In Sketch, a Symbols page is automatically created as a new page when you create your first symbol.<\/p>\n
I could write an entire blog post on symbols, but I\u2019ll try to keep it high-level here. If you want more info check out the Sketch documentation here<\/a>.<\/p>\nYou can also do nest symbols inside other symbols, which allows you to do some pretty crazy stuff. This post<\/a>\u00a0from Jon Moore of UX Power Tools\u00a0shows you what you can do with nested symbols. Just prepare to have your mind blown.<\/p>\nCustom Keyboard Shortcuts<\/strong><\/h2>\nYou can do this in Photoshop, you\u2019re saying. Not like you can in Sketch. You can literally assign a key command to whatever you want in Sketch. To do this go to System Preferences > Keyboard > Shortcuts. Select App Shortcuts in the right, click the plus icon, select Sketch and start typing. For full instructions check out\u00a0this helpful article. <\/a><\/p>\nMy favorite, time-saving application of this is being able to create key commands to align objects. Saves A LOT of time throughout the day.<\/p>\n
![\"3\"](\"https:\/\/redonkmarketing.com\/blog\/wp-content\/uploads\/2017\/03\/3-715x365.png\")
<\/p>\n
Plugins<\/strong><\/h2>\nThe number one reason I love Sketch is plugins. Sketch allows developers to create custom plugins for you to do just about anything. If you are wondering if there\u2019s a plugin for something, chances are there is. You just have to find it. There are hundreds if not thousands of them out there, and I love many of them.<\/p>\n
Which are my favorites? I\u2019m glad you asked, but you\u2019ll have to wait to find out. I\u2019ll be back soon with another blog post about all my favorite Sketch plugins and how they\u2019ll help you save a little time and effort.<\/p>\n
<\/p>\nSketch allows you to keep multiple pages in each file. Each page can create multiple artboards. This allows you to keep an entire web or app design in a single file. You would think this would create huge files, but the file sizes are much smaller than they would be in Photoshop. This makes Sketch faster and easier to use. There\u2019s nothing more frustrating than Photoshop taking 10 seconds just to move a layer a few pixels. This hasn\u2019t happened to me once in Sketch. (Knock on wood).<\/p>\n
Oh, and Sketch also saves automatically. And it actually works. I\u2019ve had the program crash on me a few times and haven\u2019t lost anything.<\/p>\n
Symbols<\/strong><\/h2>\nIn Sketch, you can make any element (simple or complex) a symbol. Symbols allow you to easily reuse elements throughout a design. When you make a change to the master symbol it will automatically update throughout your design. This prevents you from having to make the same change over and over again on different pages\/screens. You can do similar things in Photoshop using linked smart objects but doing so creates a new file that you have to link to. This creates issues when multiple team members are working on the same file. In Sketch, a Symbols page is automatically created as a new page when you create your first symbol.<\/p>\n
I could write an entire blog post on symbols, but I\u2019ll try to keep it high-level here. If you want more info check out the Sketch documentation here<\/a>.<\/p>\nYou can also do nest symbols inside other symbols, which allows you to do some pretty crazy stuff. This post<\/a>\u00a0from Jon Moore of UX Power Tools\u00a0shows you what you can do with nested symbols. Just prepare to have your mind blown.<\/p>\nCustom Keyboard Shortcuts<\/strong><\/h2>\nYou can do this in Photoshop, you\u2019re saying. Not like you can in Sketch. You can literally assign a key command to whatever you want in Sketch. To do this go to System Preferences > Keyboard > Shortcuts. Select App Shortcuts in the right, click the plus icon, select Sketch and start typing. For full instructions check out\u00a0this helpful article. <\/a><\/p>\nMy favorite, time-saving application of this is being able to create key commands to align objects. Saves A LOT of time throughout the day.<\/p>\n
<\/p>\n
Plugins<\/strong><\/h2>\nThe number one reason I love Sketch is plugins. Sketch allows developers to create custom plugins for you to do just about anything. If you are wondering if there\u2019s a plugin for something, chances are there is. You just have to find it. There are hundreds if not thousands of them out there, and I love many of them.<\/p>\n
Which are my favorites? I\u2019m glad you asked, but you\u2019ll have to wait to find out. I\u2019ll be back soon with another blog post about all my favorite Sketch plugins and how they\u2019ll help you save a little time and effort.<\/p>\n
You can also do nest symbols inside other symbols, which allows you to do some pretty crazy stuff. This post<\/a>\u00a0from Jon Moore of UX Power Tools\u00a0shows you what you can do with nested symbols. Just prepare to have your mind blown.<\/p>\n You can do this in Photoshop, you\u2019re saying. Not like you can in Sketch. You can literally assign a key command to whatever you want in Sketch. To do this go to System Preferences > Keyboard > Shortcuts. Select App Shortcuts in the right, click the plus icon, select Sketch and start typing. For full instructions check out\u00a0this helpful article. <\/a><\/p>\n My favorite, time-saving application of this is being able to create key commands to align objects. Saves A LOT of time throughout the day.<\/p>\n The number one reason I love Sketch is plugins. Sketch allows developers to create custom plugins for you to do just about anything. If you are wondering if there\u2019s a plugin for something, chances are there is. You just have to find it. There are hundreds if not thousands of them out there, and I love many of them.<\/p>\n Which are my favorites? I\u2019m glad you asked, but you\u2019ll have to wait to find out. I\u2019ll be back soon with another blog post about all my favorite Sketch plugins and how they\u2019ll help you save a little time and effort.<\/p>\nCustom Keyboard Shortcuts<\/strong><\/h2>\n
<\/p>\nPlugins<\/strong><\/h2>\n