bouchenoiremarc / Sketch Constraints
Licence: mit
📏 A plugin that integrates constraints in Sketch to lay out layers.
Stars: ✭ 1,300
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Sketch Constraints
sketch-constraints
📏 A plugin that integrates constraints in Sketch to lay out layers.
Stars: ✭ 1,294 (-0.46%)
Mutual labels: sketch-plugin, constraints
Fluid For Sketch
[Sketch Plugin] Sketch-flavored Auto Layout-like Constraints
Stars: ✭ 2,408 (+85.23%)
Mutual labels: sketch-plugin, constraints
Bootstrapgrid
Sketch plugin inserts correct bootstrap grid in nested blocks.
Stars: ✭ 64 (-95.08%)
Mutual labels: sketch-plugin
Swiftautolayout
Write constraints in a concise, expressive, Swifty way.
Stars: ✭ 83 (-93.62%)
Mutual labels: constraints
6spiral Sketch Plugin
Sketch plugin to draw Spiral and Helix shapes.
Stars: ✭ 72 (-94.46%)
Mutual labels: sketch-plugin
Sketch Guides
Add Guides to edges and midpoints at once.
Stars: ✭ 83 (-93.62%)
Mutual labels: sketch-plugin
Sketchplugin Align Artboards
Easily aligns all artboards vertical or horizontal by name. Uses the same convention as 'Sketch export folder structure 'parent/child'.
Stars: ✭ 60 (-95.38%)
Mutual labels: sketch-plugin
Ishadow
Creating a beautiful iOS style shadow [Sketch Plugin]
Stars: ✭ 89 (-93.15%)
Mutual labels: sketch-plugin
Protoc Gen Validate
protoc plugin to generate polyglot message validators
Stars: ✭ 1,241 (-4.54%)
Mutual labels: constraints
Symbol Spacer Sketch Plugin
automatically trigger Sketch’s “reset to original size” function when deselecting symbol
Stars: ✭ 86 (-93.38%)
Mutual labels: sketch-plugin
Bettertypepanel
A sketch plugin to help manage common OpenType properties
Stars: ✭ 80 (-93.85%)
Mutual labels: sketch-plugin
Symbol Instance Sheet
Generate a sheet of symbol instances from your current document or a library.
Stars: ✭ 72 (-94.46%)
Mutual labels: sketch-plugin
Unsplash Sketchplugin
Unsplash Data Provider plugin, for Sketch 52+
Stars: ✭ 71 (-94.54%)
Mutual labels: sketch-plugin
Hsl color picker
HSL Color Picker for Sketch (no longer maintenance).
Stars: ✭ 88 (-93.23%)
Mutual labels: sketch-plugin
Design Systems
A Sketch app plugin that help you find out popular design systems and download official Sketch UI kit.
Stars: ✭ 83 (-93.62%)
Mutual labels: sketch-plugin
Puzzle Tokens
Batch create, manage and update Sketch styles and symbols using SCSS/LESS
Stars: ✭ 90 (-93.08%)
Mutual labels: sketch-plugin
📏 Sketch Constraints
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
Update Layout ⌘ + L
Example
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.
Manually
Make sure you have the latest version of Sketch installed. (Sketch 40+)
- Download the ZIP file of this repository
- Double click on
Sketch Constraints.sketchplugin
Notes
- Constraints are not relative to other layers, only to the parent.
-
Update Layoutupdates 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
Widthand/orHeight.
Inspiration
- This Medium article from Josh Puckett.
- Bind from Alasdair Monk.
- Sketch Flex Layout from Matej Hrescak.
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.
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].