Giter Site home page Giter Site logo

sketch-plugin-scripts's Introduction

Sketch Plugin Scripts

Some scripts for the Mac Sketch app.

Blend Steps

bled steps GIF

Duplicate the first selected object and distribute the cloned one evenly between two selection.

Preview: http://www.youtube.com/watch?v=WWVoMMXYRp4

Simple Pattern

Duplicate the selection (or use the five selections) and put them into repeatable pattern position. The original selection is placed at center of the artboard. The duplicated ones are placed at top left, top right, bottom left and bottom right correspondingly.

When you select 1 object, the script duplicates it into 5 copies. If you select 5 objects, the script uses the 5 selections directly.

Preview: http://youtu.be/KLaZWYp5BIU

Duplicate as Pattern

dup-as-pattern

Duplicate the selection and put into the other edge, as if they are one object seamlessly connected.

Preview Video: http://youtu.be/I27yhLQ6F-g

Fill Artboard

I usually need to draw a rectangle as background with the same dimension of the artboard.

fill-artboard

Fill Width/Height

fill width GIF

Sometimes I need to quickly set the shape to the width of the artboard. You may check the 7 seconds demo video on how this works: http://youtu.be/KBA4IzyEUDU

Installation

For Sketch from Mac App Store:

Place the .sketchplugin file inside ~/Library/Containers/com.bohemiancoding.sketch/Data/Library/Application Support/sketch/Plugins

For Sketch from Downloads:

Place the . sketchplugin file inside ~/library/application support/sketch/plugins

If you are unsure where to place the files, you can open the plugin folder by choosing Plugins | Reveal Plugins Folder... in latest Sketch menu.

License

Totally free for any usage.

sketch-plugin-scripts's People

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.