5 Tips to Boost Workflow in Sketch
Tags: UI Design, UX Design, Sketch, Design Resources, Design Workflow

Sketch is a tool that is very easy to use, but if you want to master its all features… you have to spend some time. I have prepared a collection of some tricks that will boost your workflow and save additional time!

If you would like to know even more unique tips, you may find them in the following articles on my blog:

Below you may find some handy tips:

1. Colors replace quickly

If somehow you have forgotten to establish Color Variables or Layer Styles or you need to replace color extremely quickly, there is a shortcut for that!

1. Open Edit -> Find and Replace Color

2. Pick a Color that you want to replace

3. Choose the target color

4. Click “Replace.” That’s it!

This Sketch feature works for Styles and normal fills that do not have applied any style!

Note: If you have the same color that is applied in Color Variable and is also present in your work independently, they will be displayed as two color (you have to update it twice).

2. Fill your designs with various data quickly.

The ability to fill designs with random data that imitate real one directly in Sketch is a great feature.

You may use an external source like SketchAppData.com to get multiple data sources quickly.

To fill your layers with these data, simply use the Data Populator plugin.

SketchAppData.com

Thanks to this, your designs will be full of data that will quickly make a good impression on stakeholders. What’s more, they will validate if the layout is set well for the real content!

3. Change New Layer Default Style

Tired of seeing grey rectangle with 1px darker border when you create a new Shape Layer? You may quickly change it to something more attractive (or for example the elevation of UI elements in your project):

1. Create a shape and style it in a way you want

2. Open Layer -> Style

2. Click the last option: “Set as Default Style.”

3. Voila! Now all new layers will have the style of shape from the first point!

4. Export Assets to a Single Folder

The ability to export multiple assets to various folders is extremely useful in 99% cases. However, there is always a situation that needs you to prepare the same assets in a single folder without digging through the whole structure and moving them manually.

To export all assets quickly to a single folder, simply use Flat Export Plugin.

I discovered it recently, and it is a real time-saver!

5. Flatten Bitmaps with Better Quality

Sometimes you want to make your layers as bitmaps. But, they are in poor quality. There is a method that lets you turn them into retina-ready images!

1. Go to Sketch -> Preferences

2. Select the “Layers” Tab

3. Find “Flatten Bitmaps”

4. Select “to 2x”

Simple, but a useful trick!

Summing up

With these 5 tricks, you will save time in your next project. Do you know more surprisingly simple tricks that boost workflow? Let me know in the comments!

By the way…

If you plan to start a new project or you would like to organize your UI Library — do not waste your time creating everything from scratch. Feel free to use mentioned above Design System Kit called Prime.

It is ✅ All-In-One UI Design Starter Kit for Sketch. See Prime in action.

🎁 Now, you can get 10% Off for The Kit with MEDIUM10 offer code!