{"id":13784,"date":"2016-04-26T15:54:16","date_gmt":"2016-04-26T23:54:16","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=13784"},"modified":"2020-04-22T06:36:59","modified_gmt":"2020-04-22T13:36:59","slug":"how-to-use-sketch-10-shortcuts-for-ui-design","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-use-sketch-10-shortcuts-for-ui-design\/","title":{"rendered":"How to Use Sketch: 10 Shortcuts for UI Design"},"content":{"rendered":"

Working as a UI\/UX designer, I use Sketch<\/a> to create most of my interface designs.<\/p>\n

Along the way, I\u2019ve learned a few things that helped me work smoother and faster.<\/p>\n

Here are the 10 tips that I find most helpful when working with Sketch.<\/p>\n

1. Use shortcut for Pick Color (Ctrl + C)<\/strong><\/h2>\n

\u2018Pick color\u2019<\/em> is one of the most underrated functions in Sketch. The ability to copy any object\u2019s color instantly is imperative, yet this function is hidden deep inside the Fill<\/em> option.<\/p>\n

What\u2019s nice about Sketch\u2019s Color Pick<\/em> is the zoomed-in magnifier view to increase precision and can also be used outside the app. Ctrl + C<\/strong> is one the most used shortcut in my opinion and this neat little trick makes a big difference in productivity.<\/p>\n

\"image05\"<\/p>\n

2. Use shortcut for Inserts \u00a0<\/strong><\/h2>\n

Rectangle – R<\/strong><\/p>\n

Circle – O<\/strong><\/p>\n

Line – l<\/strong><\/p>\n

Vector – V<\/strong><\/p>\n

Text – T<\/strong><\/p>\n

At its core, we use shapes and text to construct our design in Sketch. It is important to learn the shortcuts to insert basic objects in Sketch so that you can quickly create the building blocks of your design. Furthermore, they are easy to remember and execute.<\/p>\n

\"image07\"<\/p>\n

3. Rename layers rapidly (cmd + R , tab)<\/strong><\/h2>\n

If you use a naming convention to keep your files organized, you will know that renaming layers is very time consuming.<\/p>\n

Use cmd + R<\/strong> to enter edit mode to rename the layer. You can also tab<\/strong> through layers (while still in edit mode) to rapidly rename all layers.<\/p>\n

\"image06\"<\/p>\n

4. Focus on layer while moving (alt + cmd)<\/strong><\/h2>\n

Moving a selected layer that is obscured by another layer above is a delicate act.<\/p>\n

You\u2019re standing on a fine line between accidentally selecting the above layer and your intended layer. Holding alt + cmd<\/strong> will focus your selection so you will never waste time on moving the unintended layer.<\/p>\n

\"image09\"<\/p>\n

5. Use Text Style\/Object Style for repeated style<\/strong><\/h2>\n

When working with text heavy projects, it\u2019s always a good idea to create a shared style <\/em>of the given text, as it will save you a great deal of time.<\/p>\n

Sketch\u2019s shared styles is extremely easy and it works on object styles as well.<\/p>\n

\"image08\"<\/p>\n<\/section>

Grab design ebooks created by best designers<\/h3>

All for free<\/p>