Sketch Plugin: Select and share work in progress with your team.

Mark Cicoria
Sketch Tricks
Published in
4 min readApr 10, 2015

--

SketchingOn by WorkingOn

I do not consider myself a designer– but I try. I’m currently responsible for design at WorkingOn, amongst a lot of other bits.

It’s almost silly to give ourselves titles like CEO, but I guess that’s what I am right now.

Wearing so many different hats, I typically work in many different tools all at the same time.

Taking a concept from whiteboard to pen and paper, to design, then implementation and launch (while also handling support, emails, and the team) requires tools that just... work.

One of my favorite such tools is Sketch. It’s one of those tools that just gets out of the way and lets you get things done. It seems like many other folks agree.

While in a design workflow, I often need to get quick feedback on something rough. Typically, I would either export it from Sketch and share it in our Slack channel, or interrupt someone on our team. We thought this process could be much better.

So today, I’m super excited to announce our official Sketch plugin, SketchingOn.

“This + Invision. You guys save me so much time.”

SketchingOn allows you to quickly share work in progress with your team. With a simple shortcut (cmd + l), SketchingOn automatically exports the currently selected object and posts it to WorkingOn.

If you’re not familiar with WorkingOn, it helps your team stay on the same page by streamlining status reporting. WorkingOn does this by integrating into many different tools like Slack, HipChat, GitHub, and Asana.

What this means is: when you share from Sketch, your team will be updated via the channels you have connected in WorkingOn. The result looks something like this…

Exports will show up in chat services like Slack, HipChat, FlowDock, and more. You can see all integrations here.

WorkingOn will also store the export for you, include it in a daily email report, make it searchable, and help your team gain insights from it.

In WorkingOn, you can search, view history, and gain valuable insights.

“You have no idea how much agony you just saved me.”

If you’re interested in contributing to the plugin or forking it for your own purposes, here’s a link to the GitHub repository:

https://github.com/WorkingOn/SketchingOn

Installing SketchingOn

There are two ways to get started with SketchingOn. We recommend using Sketch Toolbox.

With Sketch Toolbox:

  1. Download Sketch Toolbox, if you don’t already have it
  2. Search for SketchingOn and click Install
  3. Copy your token from here: http://workingon.co/tools#sketch
  4. Open Sketch and click on the Plugin menu option
  5. Select SketchingOn then Update API Token
  6. Enter the token and hit Save

Without Sketch Toolbox:

  1. Download the latest version (SketchingOn.zip)
  2. Copy the contents of the ZIP to your plugins folder. If you’re using Sketch 3, choose Plugins › Reveal Plugins Folder… to open it. If you’re using Sketch 2, choose Plugins › Custom Script…, click the gear icon, and then choose Open Plugins Folder
  3. Copy your token from here: http://workingon.co/tools#sketch
  4. Open Sketch and click on the Plugin menu option
  5. Select SketchingOn then Update API Token
  6. Enter the token and hit Save

Using SketchingOn

  1. Select the object you’d like to share. It can be anything in Sketch like an artboard or group
  2. Press cmd + l (that’s lowercase L, not to be confused with uppercase i)
  3. Enter what it is you’re working on (we try to fill this out for you) and press Enter
  4. Press Enter to confirm the correct object will be exported
  5. That’s it!

Customizing the Shortcut

If you’d like to use a hotkey other than cmd + l, you can do so by following these steps:

  1. If you’re using Sketch 3, choose Plugins › Reveal Plugins Folder… to open it. If you’re using Sketch 2, choose Plugins › Custom Script…, click the gear icon, and then choose Open Plugins Folder
  2. Open the SketchingOn folder
  3. Open the What are you working on?.sketchplugin file in a text editor

Change the first line that says // (cmd l) to the shortcut of your choice. Here are some examples:

// (cmd shift w)   
// (ctrl alt cmd w)
// (command option ')
// (command option r)
// (command alt r)
// (ctrl alt command m)
// (ctrl alt 5)
// (ctrl shift 0)

I hope you enjoy SketchingOn as much as we have already! If you have any thoughts on how we could improve the plugin (or WorkingOn), please let us know at hello@workingon.co.

--

--

Mark Cicoria
Sketch Tricks

Mark Cicoria is the founder of @WorkingOn who’s passionate about improving how people learn, work, and communicate.