Introducing Assistants — a helping hand for your designs

When you work as part of a design team, it’s a challenge to keep everyone’s work consistent. Making sure people are using components from your design system, organizing documents properly, and completing important steps like meeting accessibility guidelines can be tough.

Regular design reviews can help everyone stay on track, but it’s easy to get sidetracked by conversations about naming conventions and whether you’re using the right shade of blue. That can take focus away from the bigger picture. And that’s where Assistants can help.

Assistants can automatically check your designs against rules for things like branding, accessibility, document organization and design systems usage. So you can quickly fix smaller issues and spend more time exploring new design solutions or ideas that will have a bigger impact.

Before we explain how they work, let’s talk a little bit about our process for creating Assistants — and how they’ll help you focus on doing even better work.

Creating your new digital team member

We know from experience that design reviews can be incredibly useful — but they can also easily get bogged down in details. Life is too short to spend it searching for a group named Submit Button (Copy) to turn it into a Symbol.

We knew there was a better way. So, we drew inspiration from a development tool known as code linting. In its simplest form, code linting is like a spelling and grammar check — but for code. You write some code and the linter checks it for obvious errors and issues with styling.

We like to think of Assistants as the design equivalent of code linting. They automatically look for specific issues in your document and flag them, so you can easily find and fix them.

“We all make mistakes and miss small details here and there — it sure is great to catch them before handoff!”

Anthony Collurafici, Sketch plugin maker and principle product designer at Alarm.com.

There’s an Assistant for that

Different Assistants serve different purposes, and you can add as many as you want to your documents. You might have one for a brand style guide, one to check accessibility, and another for general file organization, for example.

It’s easy to find and install the ones you need — you can add them with one-click from our Assistants directory. When you share your document with others, they’ll be prompted to install the Assistants it uses. And the Assistants directory isn’t the only way to add them — you can also add an Assistant from a URL or from a file on your Mac. These options are especially handy for teams who want to share Assistants privately.

Once you’ve added the Assistants you want to use, they’ll check your document and show you any issues they’ve found. It’s easy to ignore rules when you’re just experimenting or working on rough ideas, too. To show you more about how they work, we’ve put together this short video:

Built by us, made by you

There are plenty of Assistants you can use to get started, but with some JavaScript knowledge (or a frontend developer friend to team up with) you can also build something custom to suit your team’s needs. Whether you’re a small studio or a growing organization, the possibilities are endless.

Continue reading

This post was originally published on this site