{"id":13426660,"url":"https://github.com/marcbouchenoire/sketch-constraints","last_synced_at":"2025-10-09T05:31:00.805Z","repository":{"id":113966219,"uuid":"42743631","full_name":"marcbouchenoire/sketch-constraints","owner":"marcbouchenoire","description":"📏 A plugin that integrates constraints in Sketch to lay out layers.","archived":true,"fork":false,"pushed_at":"2018-05-21T10:04:51.000Z","size":4756,"stargazers_count":1269,"open_issues_count":8,"forks_count":38,"subscribers_count":42,"default_branch":"master","last_synced_at":"2025-09-11T14:52:08.340Z","etag":null,"topics":["artboards","constraints","sketch-plugin"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/marcbouchenoire.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2015-09-18T19:41:48.000Z","updated_at":"2025-07-28T19:19:32.000Z","dependencies_parsed_at":null,"dependency_job_id":"0bc6291e-9d3f-4c02-8446-619bce1a5e9d","html_url":"https://github.com/marcbouchenoire/sketch-constraints","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/marcbouchenoire/sketch-constraints","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marcbouchenoire%2Fsketch-constraints","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marcbouchenoire%2Fsketch-constraints/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marcbouchenoire%2Fsketch-constraints/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marcbouchenoire%2Fsketch-constraints/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/marcbouchenoire","download_url":"https://codeload.github.com/marcbouchenoire/sketch-constraints/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marcbouchenoire%2Fsketch-constraints/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279000745,"owners_count":26082932,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-09T02:00:07.460Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["artboards","constraints","sketch-plugin"],"created_at":"2024-07-31T00:01:40.425Z","updated_at":"2025-10-09T05:31:00.378Z","avatar_url":"https://github.com/marcbouchenoire.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# 📏 Sketch Constraints\n\n![Banner](docs/banner@2x.png)\n\nSketch 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.\n\n[Constraints are now available natively in Sketch. 🎉](#native)\n\n## Usage\n\n### Edit Constraints `⌘ + E`\n\n\u003cimg src=\"docs/editconstraints.gif\" width=\"680\" alt=\"Edit Constraints example\"\u003e\n\n### Update Layout `⌘ + L`\n\n\u003cimg src=\"docs/updatelayout.gif\" width=\"680\" alt=\"Update Layout example\"\u003e\n\n### Example\n\n\u003cimg src=\"docs/example@2x.png\" width=\"680\" alt=\"iOS 9 Lockscreen example\"\u003e\n\n[👀 Watch on Vimeo](https://vimeo.com/140962822)\n\n## Installation\n\n### Using Sketch Runner\n\nWith 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](http://www.sketchrunner.com).\n\n\u003cimg src=\"docs/runner@2x.png\" width=\"680\" alt=\"Install Sketch Constraints with Sketch Runner\"\u003e\n\n### Manually\n\nMake sure you have the latest version of Sketch installed. **(Sketch 40+)**\n\n1. [Download the ZIP file of this repository](https://github.com/bouchenoiremarc/Sketch-Constraints/archive/master.zip)\n2. Double click on `Sketch Constraints.sketchplugin`\n\n## Notes\n\n* **Constraints are not relative to other layers, only to the parent.**\n* `Update Layout` updates every artboard of the current page.\n* 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`.\n\n## Inspiration\n\n* This [Medium article](https://medium.com/bridge-collection/modern-design-tools-adaptive-layouts-e236070856e3) from [Josh Puckett](https://twitter.com/joshpuckett).\n* [Bind](https://github.com/almonk/Bind) from [Alasdair Monk](https://twitter.com/almonk).\n* [Sketch Flex Layout](https://github.com/hrescak/Sketch-Flex-Layout) from [Matej Hrescak](https://twitter.com/mhrescak).\n\n## Native\n\nAs of [Version 44](https://sketchapp.com/updates/#version-44), constraints are available natively in Sketch. 🎉 It's similar to Sketch Constraints except that the constraints are based on current value **only**.\n\n\u003cimg src=\"docs/native@2x.png\" width=\"680\" alt=\"Sketch 44 native constraints\"\u003e\n\n## License\n\nSketch Constraints is released under the MIT license. See [LICENSE](LICENSE) for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarcbouchenoire%2Fsketch-constraints","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarcbouchenoire%2Fsketch-constraints","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarcbouchenoire%2Fsketch-constraints/lists"}