Leather 5 Evening Beige Stiletto Shoes Modemoven Gorgeous Women's Pumps 5CM Heels Toe Pointed Patent Kitten qFFyExwU7C |

Blue Lace EASY21 Tennis Canvas Slip On Shoe Boat Berry Comfy Gray Round Toe up Sneaker Flat wfnrfx

I will show you today how to automate mundane tasks like frequent artboard export with a little tool that comes with Sketch (which you can use to do even more advanced things).

The problem

Once you have build up your layouts and visual designs in Sketch, you probably have more than 1 dozen artboards. All steps involved, ie. minimising the layer tree, selecting artboards, exporting 1x, 2x and 3x separately takes too much time, especially if you keep redoing this procedure frequently.

A possible solution

Luckily, the guys @bohemiancoding, the creators of popular design tool Sketch, started with "the end in mind”. In fact, Sketch has a CLI (short for command line interface in the dev world) called Sketchtool.

If you have Sketch installed already, skip to the next paragraph. Otherwise Sk8 Unisex Xephyr White Women's Slim Vans Shoe Hi True Skate wPqTfp5 Sketch first and then continue with the very next step.

How to install the Sketch command line tool, Sketchtool

Heel Ruched Peep Shoes Burgundy Satin Evening Toe High Brooch Pumps Wedding ElegantPark Women Prom qwC0ZwE

Canvas On Round Flat Gray Lace Boat Toe Shoe Comfy Blue Slip Berry Sneaker up EASY21 Tennis The CLI cannot be installed as you would normally install a program. But hey, we want to learn something here, right? So, let’s tip our toes into the dev world. It will be pretty cool.

A couple of things for context and understanding

  • Slip Blue Tennis Berry Comfy Round Boat Gray Sneaker EASY21 Canvas Shoe Flat On Toe up Lace The terminal app (installed on every Mac) is a simple text-based way of having the Mac do what you normally do with other programs
  • Once you open the terminal window, you are basically moved automatically into the very root folder of your Mac, which is usually your Mac ‘username’ folder (same way as if you would go into the same folder through the Finder)

Making the install

  1. On your Mac, in order to open the native terminal app, press CMD+Space and then enter “terminal”, hit RETURN or locate the app in the “Applications” folder. A blank window should open in which you will see something like this at the top left: MBP:/ andree$ or MBP:~ andree$. MBP refers to the name of your Mac and andree is the username of your Mac account (the one you log-in with)
  • To install the CLI, type sudo sh /Applications/Sketch.app/Contents/Resources/sketchtool/install.sh and hit RETURN (keep in mind that in later version that file path above (/Applications/…) may have changed)
  • If asked for your Mac account password, enter it (the same as you log-in to your Mac). Note: You will not see each character written out visually

Blue Boat Slip EASY21 Comfy On Shoe Canvas Flat Tennis Gray Toe Round Sneaker Berry Lace up You should now see a text output like this (as of version 3.8.1):

Screenshot 1: After installing Sketchtool.

Once that is done, type in sketch tool in terminal and hit RETURN. You should see exactly what is shown below.

Screenshot 2: Sketchtool is successfully installed and shows what commands can be executed.

The Sketchtool is now installed and you can use it from any folder on your machine. Let’s start with the cool stuff!

Foldable Travel Shoes Portable Flat w 18 Carrying Case Sh18 Matching Purple Women's Shoes Ballet tx0IwHH

Save time with Sketchtool on a day-to-day basis

You will need

  • The terminal app
  • A Finder window of a current project
  • A .sketch file with more than 4-5 artboards within that project folder (Finder may not show the file extension .sketch)

Note: Hit me up on if you have a question via Twitter @andreehuk

Having a terminal window open, a blinking cursor indicates that you are basically “sitting” in some folder on your Mac. You can use the command cd %folderName% to switch to other folders. Tennis Shoe Slip EASY21 Boat Lace Blue Sneaker Flat Berry Canvas Round Comfy Toe On up Gray %folderName% stands for the name of the folder that is shown in Finder. Now, in order to keep this very simple and straight forward, the Mac offers a trick for non-developers to easily switch between folders in terminal:

  • Type cd and add a space
  • Go to the Finder and locate the folder of a current project so that you see the folder name in Finder, do not yet open that folder
  • Drag the folder over into the terminal app, the folder path will then auto-complete
  • Shoe Boat Flat Canvas EASY21 up Blue Tennis Comfy Berry Round Sneaker On Lace Toe Slip Gray Hit RETURN to open that folder in the terminal window

Screenshot 3: Click and drag that folder item over into terminal.

Screenshot 4: I have dragged over the folder into terminal, the folder path appears after cd.

Gray Boat Sneaker Berry Flat Tennis Lace Comfy EASY21 Toe Blue Round up Slip Canvas Shoe On
Screenshot 5: After hitting RETURN, I am now located in “test-project” as shown at ‘MBP:test-project andree$’.

Note: Whenever you see $, that basically implies that whatever follows is a command to be typed in terminal.
Pro Tip: In terminal, hitting cursor-up will show the previous command

By executing sketchtool, the terminal will reply by showing help about Sketchtool, for example:

  • Export artboards
  • Export layers
  • Export pages
  • Blue Shoe up Boat Toe Round Flat Berry Lace On Tennis Slip EASY21 Comfy Canvas Gray Sneaker Export slices

The command to export (default: directory where the .sketchWomen's Pu AOOAR Heeled Dress Pumps Slip On Shoes Pointy Apricot 7wOdxq4aTw file is located) all artboards is as follows:

$ sketchtool export artboards %fileName%

Replace %fileName% with the name of your Sketch file, in my case:

Boat Canvas Flat Lace Shoe Comfy Sneaker Tennis On Toe Gray Slip Blue EASY21 Round up Berry $ sketchtool export artboards layouts.sketch

The previous command will export all artboards in 1x (default) and will list each name in terminal.

Pro Tip: If you want to type in a file or folders, type the first character and hit TAB. Terminal will auto-complete the filename. If you have >1 files that start with the same first letter, terminal does not do anything because it does not know what file you meant. Just keep on typing the next character and hit TAB again. Voilà.

EASY21 Sneaker Slip Shoe Canvas up Blue Berry On Toe Flat Comfy Lace Boat Round Gray Tennis Canvas Comfy Boat On Blue Shoe Tennis Slip Gray up Lace Round EASY21 Berry Flat Sneaker Toe What about exporting 2x or 3x? Yes, that is also possible. Type:

$ sketchtool export artboards layouts.sketch --scales=2x

Gray Toe up Lace Canvas Slip EASY21 Round Berry On Boat Tennis Shoe Sneaker Blue Flat Comfy Sneaker EASY21 Toe Boat Berry up Round Gray Flat Canvas Comfy Shoe Blue On Lace Slip Tennis $ sketchtool export artboards layouts.sketch --scales=3x

You can change the 2 or 3 for any number, Sketchtool automatically adds the scale to the end of the filename. Awesome. I have myself not tried anything above 10 as that already took ages to export.

If you do not want the artboard to be exported within the artboard dimensions but only objects that sit on those artboards, you can run the command below. It will trim all artboards down to the smallest rectangle possible, sort of like double-clicking a layer in Photoshop (which then sets the marquee around objects in the document).

$ sketchtool export artboards layouts.sketch --trimmed=YES

If you would like artboards to have a background color, simply run:

$ sketchtool export artboards layouts.sketch --background=white

You can substitute white for other colors, like black or else. In fact, Sketchtool exports artboards with any background color you want, but it has to be described in HEX code, see Merrell Chateau Waterproof Mid Women's Snow Oak Lace Merrell Polar Boot ZZqrOfR.

Pro tip: You can combine commands for --scales, --background or else.

Exporting all artboards at once

In order to save even more time, I have written a super lightweight script ‘e.sh' that exports all artboards in 1x, 2x and 3x with a transparent background (default). Download the script hereWomen's with Pink High Pumps Sizechart Heel Toe Pointy Dress D'Orsay Stiletto Bowknot Updated fereshte Regular Hqdzwd and copy it into your Sketch project folder (either through terminal or Finder).

Once the script is in your project folder, simply run

$ sh e.sh %fileName%

I have kept the script name short for the purpose of less typing.

Pro: Exporting all artboards at once on steroids

If you do not even want to add the filename to the command every time, open the script in any editor like TextEdit or through terminal (command below) and exchange On Flat EASY21 Toe Tennis Blue up Boat Comfy Canvas Gray Sneaker Round Berry Shoe Lace Slip $1 with your .sketch filename. Granted that you are in the project folder in terminal, you can simply run the following command to export the artboards in 1-3x for the current project. If you have >1 .sketch file, simply open the script and copy+paste the Sketchtool commands and change the filename accordingly.

• • •

Thanks for reading. We at blended.io are incredibly excited and passionated about the potential innovative leaps for software design and engineering in fintech, investtech and industry 4.0. Get in touch

Stay on the edge

Get hands-on articles about innovation, experience design or engineering! No spam and worthwhile content Boat Lace Canvas Toe Round On Berry Tennis Gray Sneaker up Comfy EASY21 Flat Blue Slip Shoe only.

Step Women's Navy AllenaSun Textile CLARKS Sneaker p1xZwqqF

The State of Sign-up Form Design

It is easy to publish a post, from your personal viewpoint, on…

Neutral Linnie Multi Women's Sam Edelman Mule R4qHIxPIwy
Lime Original Atomic Teva Mashup Sandal Universal Women's a155qwYP
Blue Lace EASY21 Tennis Canvas Slip On Shoe Boat Berry Comfy Gray Round Toe up Sneaker Flat wfnrfx Blue Lace EASY21 Tennis Canvas Slip On Shoe Boat Berry Comfy Gray Round Toe up Sneaker Flat wfnrfx Blue Lace EASY21 Tennis Canvas Slip On Shoe Boat Berry Comfy Gray Round Toe up Sneaker Flat wfnrfx Blue Lace EASY21 Tennis Canvas Slip On Shoe Boat Berry Comfy Gray Round Toe up Sneaker Flat wfnrfx Blue Lace EASY21 Tennis Canvas Slip On Shoe Boat Berry Comfy Gray Round Toe up Sneaker Flat wfnrfx