Code Monkey home page Code Monkey logo

sketchplugins's Introduction

SketchPlugins

A git repo containing various plugins for Sketch.

Installing and Updating

You can install these pretty easily just by cloning the Git repo:

$ cd ~/Library/Containers/com.bohemiancoding.sketch3/Data/Library/Application\ Support/com.bohemiancoding.sketch3/Plugins
$ git clone https://github.com/joshpuckett/SketchPlugins.git Puckins

Where “Puckins” is the name of the folder you want the plugins to live inside. They’ll also appear under that group in the Plugins menu in Sketch.

Updating is easy too!

$ cd ~/Library/Containers/com.bohemiancoding.sketch3/Data/Library/Application\ Support/com.bohemiancoding.sketch3/Plugins
$ git pull

Included Plugins

Layers

Plugins to work with layers

  • Snap to Pixel (cmd shift option p): select layer(s), run it, and it snaps the width, height, x and y to the nearest integer. Useful after transforming layers. Snap to Pixel

Text

Variety of plugins for working with text layers

  • Text to Uppercase: takes a text layer and uppercases it.

Align

Allows you to align layers inside another layer. This doesn't move the bottom selected layer, and is a better implementation I believe that how Sketch handles this currently (where they average the position of all selected layers).

  • Both in Selection (cmd option control x): aligns selected layers vertically and horizontally to the bottom most selected layer
  • Horizontally in Selection (cmd option control h): aligns selected layers horizontally to the bottom most selected layer
  • Vertically in Selection (cmd option control v): aligns selected layers vertically to the bottom most selected layer

Save Page to PNG

Hit (Command + Option + Control + E) to save your entire page to a single PNG, in the same directory as your sketch file. This is super useful if you want to show all of your artboards at once.

Handy

Handy

Handy is a plugin that makes working with guides easier in Sketch. It includes two plugins currently:

  • Add Guide (cmd shift option g): lets you add a vertical or horizontal guide at any point, for example 'v,100' adds a vertical guide at 100px. You can also pass multiple, space-separated values ('v,100 h,200').
  • Remove Guides (cmd shift option r): removes all guides across your artboards.

Note you need Rulers turned on (Control R) to see guides

sketchplugins's People

Contributors

joshpuckett avatar daneden avatar mikefats avatar

Watchers

Pasquale D'Silva avatar James Cloos 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.