Design Automation Resources

A collection of design focused automation apps/scripts (some of these scripts were scripts that I found and modified - I try to give credit where due in the code but if its not there please tell me).

Be Mindful I am a learning and hacking what I can, so if it is broken I am sorry I usually try and be thoughtful with my code but sometimes it just is made to work for me. Submit an issue or you can submit a pull request that would be even better!

What’s in this project?

• Outside this project
• The scripts
• How do I use these scripts?

---

Outside this project

Photoshop

• Guide Guide this is an amazing Photoshop extension that makes working with guides & grids a dream

Apps & Tools

• Monosnap Skitch was the shit for screenshots and markup, until it became proprietary. This app was introduced to me, and it can be used 100% free (with your own sever too) or there are some awesome pay options.
• Duet Display a nice little USB/WIFI tool to turn your Apple tablet or phone into another display for your mac… Think about it, being able to see device designs quickly, and easily with no lag!
• Dropmark I am a Pinterest fiend like you too, but it’s not always the best for collaboration for design ideas, here is where Dropmark comes in, its basic and thats what makes it work so well.
• Codepen A great little place to prototype ideas with real live code!
• Keynote Awesome for prototyping quick little animations, especially because it mimics Apple animations well (duhhh) and you can copy past SVG into it!
• Trello Everyone likes things to get done smoothly, and seeing their progress

---

The scripts

Apple Workflows/Services/Apps

• Export Artboards (Sketch).workflow — Harnessing the power of Sketchtool because sometimes you just want sketch to export all of your artboards without doing a full manual export or all that typing in terminal.
• Export Page (Sketch).workflow — Wouldn’t it be cool if you could export your whole sketch page? Why? Well what if you did a whole app flow on one page and you wanted to export the dartboards and the whole flow overview? That would be so cool if someone harnessed the power of sketchtool to do that easily for me.
• Export Slices (Sketch).workflow
• Android Image Sort (-DPI).workflow

Illustrator Scripts

• illustrator-svg-exporter.jsx
• create-contact-sheet.js
• sort-layers.js
• create_sorted_contact-sheet.js

Sketch Plugins + Scripts

• plugin-requests — rad little one off scripts from the Bohemian Coding team
• Preview — A rad little script from Marc Schwieterman that lets you preview your design in Skala Preview... I hacked it a little to work with other applications too.
• sketch-dynamic-button — A little plugin that lets you mimic button padding to create buttons quickly in sketch from Alexander Kudymov
• sketch-measure — Awesome little spec-ing tool for Sketch to outline mocks for Developers from Utom
• zeplin-sketch-plugin — The plugin to make the awesome design to engineering delivery tool that basically makes spec-ing a waste of time! From the awesome people at Zeplin
• sketch-text-uppercase — It hurts my brain how bad sketch handles type... this is something I use often that Keegan Jones was nice enough to make it happen!

Alfred Workflows

• Skexport.alfredworkflow — Sketch Export Pages/Artboards/Assets Workflow
• Illustratoripts.alfredworkflow — The Illustrator scripts automated better and at your finger tips
• TaskRabbit Colors.alfredworkflow — awesome little color copier

Source Files — src

• import-item_illustrator.applescript
• sketch_export-artboard.applescript
• sketch_export-page.applescript
• sketch_export-slices.applescript

---

How do I use these scripts?

Illustrator scripts

To install — Move/copy scripts to your Illustrator Scripts folder, file structure is probably something like this ~/Applications/Adobe Illustrator CC 2014/Presets/en_US/Scripts

Sketch Plugins

Preview — Usage

• Make sure you have an Artboard selected or a device screen-sized slice named Preview
• Select Preview from the Plugins menu or press ⌘P
• Select Monosnap from the plugins menu or Press ⌘⌥P
• Select Skala from the Plugins menu
• Select Set Preview Size from the plugins menu or Press ⌃⌘⌥P

Exporting Sketch Workflows (require Sketchtool)

• Exporting the Artboards from a selected Sketch File in the finder.

• Exporting the Pages from a selected Sketch File in the finder.

• Exporting the Slices from a selected Sketch File in the finder.

  

• Also included a Alfred Script that uses these with the "File Selection" Option

  

Android file sorting

Just add -[Desired DPI size] after your asset in generation and then drag all the final assets to this app and it will sort them to folders and delete the extra extention.