Tutorial: The basics of Sketch Runner


Hi there, I’m Roy. And this is the first video in a series of short
tutorials that will show you how to work faster in Sketch, with Sketch Runner. In this video. I’ll walk you through the basics of Runner. I’ll show you how to set up a hotkey, navigating
the UI, and I’ll quickly demonstrate each command. All right, let’s get going. On first launch, you’ll see
this introductory wizard screen. Runner has six commands that each have
their own type of search functionality. You can Run menu items or plugin actions. You can Goto other places in your document. You can Insert symbols. Create a symbol or shared style. Apply those Styles to layers. And Install third party plugins. There’s a couple of other screens in this wizard
that introduce you to new features like RunBar and Rider, and I will explain these
in a future video more in-depth. The first step of customization is choosing
a hotkey, or a shortcut if you will. This key combination will
launch the Runner search window. We suggest just a few popular shortcuts down
here, but you can choose anything that you like. For example: Command-R. But keep in mind if you choose a shortcut that’s
already taken by Sketch, it will override it. In this case Command-R is for renaming
a layer and it will not do that anymore. It will launch Runner instead. My favorite shortcut is
Command-/, so I’ll pick that one. Now, let’s launch Runner. By default it opens with the Run command. Here you can search for any
menu item or plugin action. For example, I ended up
with this messy layer list. By searching for collapse all
groups, I can quickly clean it up. Now maybe a bit more interesting example. Let’s say I want to cut out a
piece of this content area here. Create a layer search for combine and find all the
boolean operations and subtract it just like that. Or let’s say I want to make this text uppercase. I just search for it and apply it like that. You navigate between different
commands by hitting tab or shift tab. So tab all the way through the different commands. Or use shift tab to go back. You can also use autocomplete to quickly switch,
right to the command that you want to use. Let’s say Apply. So I type ‘A’ hit tab, and I go there right away. Or ‘G’ hit tab and go there right away. The next command is Goto which
pretty much does what it says. It lets you go to things in your document. Those things can be pages
artboards or symbol master. So let’s go to work. Or go hiking. Next up is Insert. With Insert I can search for any
symbol in my library or local document. So let’s say I want to insert this button. There’s much more to explore here, but
I’ll leave that for a separate tutorial. All right. Next up is Create. Let’s say I have this body text and I want
to create a text layer style out of it. I can go and jump to Create. And here we see we could choose for either a symbol or
a shared style and you can click on those with the mouse, but you can also use command-option and
the arrow keys right and left, to jump between the two. In this case I want to create a
body text so create a shared Style. And apply it just like that Maybe the parent layer, I
want to create a symbol out of that. It’s as simple as that. Next up is Apply. Let’s say I want to apply a different text style. I can search for all the left-aligned text styles. Maybe make it a Same for shape styles. This is a shape layer. Not a text layer so I can search for shape
styles like maybe a nice green color. And last but not least you can
Install third party plugins. Plugins are useful to automate tasks a computer is
better at than a humans like time-consuming ways of boring renaming layers or making a specific
selection of layers or managing symbols and Styles. So what we can do here is we can search
for plugins that can make that easier. Let’s say we want to make a smart selection. Just by searching for select, I see many
plugins that can do something for me, to ease my So, the first one. I can preview it see what it does. All the actions are listed down here. And yeah, this might be useful so I And I can use it right away. Let’s say we have these four cards. You can either click on them separately, but they
have the same name and are from the same type. So I could use both of these things
to select these layers. Go to Run search for select name and we’ll select
similar layers with the same name in the artboard. All right, that’s it. Let’s summarize this video. To launch Runner you can set a
hotkey that works good for you. There are six commands that can all find
and execute different types of things. Use tab to navigate forward, shift tab to navigate
back, or type of character and then hit tab to autocomplete and quickly
jump to the right command. I recommend you to explore each command a little more
to see in what ways it can save you time while designing. I hope you learned a thing or two
and got inspired to work faster. Be sure to check out the more in-depth videos of
each command and the other Runner features… to make the most out of the plugin. I’ll see you next time!

One comment

  • Ozren Škondrić

    Shifting through commands with tab (or shift+tab) has a major usability issue. Firstly… commands are not visible by default… that is already usability nightmare. Previous versions had those commands visible at all times… if I remember correctly. So.. I go and somehow discover this hidden functionality ..I press "tab" …and …there they are … Run, Goto, Ins… and it's gone. There is no way for me to actually read these commands as they disappear so quickly. How is this supposed to work? Am I supposed to remember all these options and their respectful positions so that I know in advance that if I want to select APPLY I need to press tab 5 times… or what? Did you test this on anybody other than yourself guys?… I doubt it.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *