πŸ“ A plugin that integrates constraints in Sketch to lay out layers.
JavaScript
Switch branches/tags
Clone or download
Latest commit 4ab7ced May 21, 2018
Permalink
Failed to load latest commit information.
Sketch Constraints.sketchplugin/Contents v1.0.2 May 21, 2018
docs Update README.md Sep 10, 2017
.appcast.xml v1.0.2 May 21, 2018
.gitignore Added .gitignore Sep 30, 2015
Example.sketch Changed method to save constraint data Oct 8, 2015
LICENSE Initial commit Sep 18, 2015
README.md Update README.md Sep 10, 2017

README.md

πŸ“ Sketch Constraints

Banner

Sketch Constraints is a plugin that integrates constraints in Sketch to lay out layers. These constraints are relative to the parent, either a group or an artboard.

Constraints are now available natively in Sketch. πŸŽ‰

Usage

Edit Constraints ⌘ + E

Edit Constraints example

Update Layout ⌘ + L

Update Layout example

Example

iOS 9 Lockscreen example

πŸ‘€ Watch on Vimeo

Installation

Using Sketch Runner

With Sketch Runner, just go to the install command and search for Sketch Constraints. Runner allows you to manage plugins and do much more to speed up your workflow in Sketch. Download Runner here.

Install Sketch Constraints with Sketch Runner

Manually

Make sure you have the latest version of Sketch installed. (Sketch 40+)

  1. Download the ZIP file of this repository
  2. Double click on Sketch Constraints.sketchplugin

Notes

  • Constraints are not relative to other layers, only to the parent.
  • Update Layout updates every artboard of the current page.
  • When a group is resized, all the children layers are resized. If you want a child layer to keep its size, check Width and/or Height.

Inspiration

Native

As of Version 44, constraints are available natively in Sketch. πŸŽ‰ It's similar to Sketch Constraints except that the constraints are based on current value only.

Sketch 44 native constraints

License

Sketch Constraints is released under the MIT license. See LICENSE for details.