Being a designer means your files are never really YOUR files. Imagine you are working on something, and a colleague/boss asks for your file to grab some assets – “Oh no! My sketch file is a mess!! Will they judge me??” Yes. The answer is yes they will judge you.
If I receive a disorganized file from a designer, I automatically assume they are a disorganized designer. Just like people who have folders and files all over their desktop only says one thing to me – this person must be a psychopath. Not exactly fair, but that’s just how my mind works. If I receive a file from a designer and all the layers are wonderfully named and grouped, I think that designer is a goddess, and I must learn everything she knows.
Files are always being passed around from other designers, developers, and bosses. This constant shuffling is why it’s very important for you to keep your Sketch files beautiful from the very beginning of every project! It’ll also help you work faster and feel more in control of your designs. Here are a few points that will help any designer not get judged by their Sketch file.
Don’t have layers strewn about all willy nilly – what is this, a mad house? Group related layers together in one folder so you can easily get to the layer you need to work on. It will also make your life much easier when you need to move the group if they are in a folder, versus selecting all the different layers. If I open your file and you have nothing in groups, just layers upon layers upon symbols, I immediately think “what kind of human would do such a thing?”
Name your layers, groups and artboards
When a couple has a child, the first thing they do is give it a name. You should feel this way about your layers, groups, and artboards. Give your babies names! If a group is comprised of the top navigation, go ahead and call it Top Navigation. This will help anyone looking for this to find it quickly and will also help if you are looking for a specific layer when you use the search tool. Say no to “background copy1.” I will judge you on that. Always.
Use symbols for elements that will be used across many artboards
Symbols are Sketch’s answer to Photoshop’s smart objects. Symbols are great for elements like navigation, buttons, and footers that will be used across multiple artboards. Let’s say you wanted to change the background of your footer from white to dark gray. If you made your footer a symbol, you only have to make this change one time: in the symbol. If you didn’t make it a symbol, you will be changing it on all of your artboards which is something no designer has time for.
Get rid of unused Symbols
Sometimes in your sketch files when you are bringing in assets from other sketch files, their symbols are brought in as well. Also, as you go along in your project, you might not need certain symbols anymore. This can lead to an extremely cluttered symbols page which is no good. I found a plugin by Bomber Studios that removes unused symbols, and I LOVE IT. Now you have no excuse for a messy symbol page.
Stick to your grid by using layouts
Not only will fellow designers appreciate your beautiful grid, but your developers will sing your praises from the mountains. If I open your file and there is no grid and elements are not aligned, I will pour coffee on your computer. Here is a great article that quickly shows the different layouts for bootstrap, and here is where you can download a Sketch file that has them all in there. You now have no excuses!
Don’t use half pixels
Just don’t. Enough said.
What tips and tricks do you use to keep your Sketch files in tip top shape? Share them with us on Twitter or Facebook, or write a comment below!