Tutorials and Tips

It all starts with Sketch
You are here: Home page / Sketch tutorials

  1. Shared styles

    Compared to Sketch 2 the linking of styles has been slightly optimized in Sketch 3 (read my original tip).

  2. Resize layers with the keyboard

    Sometimes pixel-precision is a must if you edit shapes; Sketch makes it very easy to apply this accuary.

  3. Advanced image editing

    Another area where Sketch 3 catched up much compared to its predecessor is image editing (read my initial tip).

  4. View options

    There are several viewing options and aids in Sketch, which can easily be hidden/shown with shortcuts.

  5. Exporting

    One of the features that changed (and improved) a lot in Sketch 3 is exporting. Earlier it was an entirely separate workflow and always felt a bit clunky.

  6. Maximize available space

    Especially at smaller screens think MacBook Air the workspace of Sketch can get crowded pretty fast with the Layers List on the left and the Inspector on the right.

  7. Dublicate and repeat

    A neat trick I have discovered recently in Sketch is the ability to quickly dublicate and repeat layers by the same distance.

  8. Quickly change opacity

    Although Sketch and Photoshop couldn't be more different, they have a few things in common presumably on purpose.

  9. Masking

    One of the essential abilities of any graphical application is masking. Although Sketch is mainly based on vectors and not designed for image editing, it still has some basic functionality here enough to embellish your mock-ups.

  10. Quick exporting

    While the Export option in Sketch is pretty straightforward and easy to use there is an even simpler way to save your files.

  11. Click-through when selecting layers

    The more layers and layer groups you have in your document, the harder it gets to select individual layers.

  12. Layer list options

    Like in every application, the true power of Sketch lies within its shortcuts.

  13. Show artboard preview

    When you are working on a design for your app or website it's often litereally hard to see the big picture.

  14. Simple bitmap editing

    Although Sketch is based on vectors, there is still a very basic possibility to crop bitmap images. You just need to insert the image, double-click on it and draw a border around the area you want to delete.