All Projects β†’ marcbouchenoire β†’ sketch-constraints

marcbouchenoire / sketch-constraints

Licence: MIT License
πŸ“ A plugin that integrates constraints in Sketch to lay out layers.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to sketch-constraints

Fluid For Sketch
[Sketch Plugin] Sketch-flavored Auto Layout-like Constraints
Stars: ✭ 2,408 (+86.09%)
Mutual labels:  sketch-plugin, constraints, artboards
autopdfexporter-sketch-plugin
A Sketch Plugin to auto-export all '[S]' Prefix artboards to a single pdf, no slices needed! Plugin auto creates slices from prefixed Artboards and exports them into a single page-sorted pdf file.
Stars: ✭ 16 (-98.76%)
Mutual labels:  sketch-plugin, artboards
Sketch-Plugin
Plugin to share artboards directly via WeTransfer. Share the link easily with your colleagues and friends.
Stars: ✭ 39 (-96.99%)
Mutual labels:  sketch-plugin, artboards
Sketch Constraints
πŸ“ A plugin that integrates constraints in Sketch to lay out layers.
Stars: ✭ 1,300 (+0.46%)
Mutual labels:  sketch-plugin, constraints
sketch-slicer
Creating slices for selected layers in Sketch
Stars: ✭ 37 (-97.14%)
Mutual labels:  sketch-plugin
symbol-insert
A simple plugin to insert your Sketch symbols
Stars: ✭ 25 (-98.07%)
Mutual labels:  sketch-plugin
DesignToken2Code
Convert design tokens to SCSS variables as code
Stars: ✭ 16 (-98.76%)
Mutual labels:  sketch-plugin
Sketch-SelectPlus
Sketch plugin to select different layers of specific types. It basically selects everything!
Stars: ✭ 20 (-98.45%)
Mutual labels:  sketch-plugin
Assistant
Talk to Sketch
Stars: ✭ 35 (-97.3%)
Mutual labels:  sketch-plugin
sketch-style-to-react-native
Sketch plugin that copies an element's styles in React Native way directly to your Mac clipboard.
Stars: ✭ 37 (-97.14%)
Mutual labels:  sketch-plugin
mv-core
Migration Validators project core classes
Stars: ✭ 23 (-98.22%)
Mutual labels:  constraints
design-tokens-plugin
Support end of life! Delivering consistent Design System. A Sketch plugin that exports Design Tokens to JSON format. You can export colors, typography, icons and utilis. A must-have tool for design system project.
Stars: ✭ 100 (-92.27%)
Mutual labels:  sketch-plugin
wwlayout
Swifty DSL for programmatic Auto Layout in iOS
Stars: ✭ 46 (-96.45%)
Mutual labels:  constraints
pyvsc
Python packages providing a library for Verification Stimulus and Coverage
Stars: ✭ 58 (-95.52%)
Mutual labels:  constraints
sketch-library-audit
Export Symbol and Shared Style data from any Sketch Library to CSV.
Stars: ✭ 17 (-98.69%)
Mutual labels:  sketch-plugin
Smile-Sketch
ζ–‡ζ‘£εΏ«ι€Ÿζ•΄η†ζŽ’εΊοΌŒθ΅„ζΊε―Όε…₯δΈŽε―Όε‡Ί
Stars: ✭ 14 (-98.92%)
Mutual labels:  sketch-plugin
ar-check
Enable PostgreSQL's CHECK constraints on ActiveRecord migrations
Stars: ✭ 17 (-98.69%)
Mutual labels:  constraints
clpz
Constraint Logic Programming over Integers
Stars: ✭ 131 (-89.88%)
Mutual labels:  constraints
Sketch-Keyboard-Resize
A Sketch plugin that lets you resize objects from all sides with keyboard shortcuts. As a bonus you can specify the resize amount.
Stars: ✭ 16 (-98.76%)
Mutual labels:  sketch-plugin
sketch-library-unlinker
A Sketch plugin that can unlink symbols linked to a specific library, or unlink symbols that have been deleted in their libraries.
Stars: ✭ 21 (-98.38%)
Mutual labels:  sketch-plugin

πŸ“ 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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].