Skip to content
This repository was archived by the owner on Sep 19, 2021. It is now read-only.

Commit 5a9608f

Browse files
Update README.md
1 parent 560ec1e commit 5a9608f

File tree

2 files changed

+16
-5
lines changed

2 files changed

+16
-5
lines changed

README.md

Lines changed: 16 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,34 @@
11
# 📏 Sketch Constraints
22

33
![Banner](docs/[email protected])
4+
45
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.
56

7+
[Constraints are now available natively in Sketch. 🎉](#native)
8+
69
## Usage
710

811
### Edit Constraints `⌘ + E`
912

10-
![Edit Constraints example](docs/editconstraints.gif)
13+
<img src="docs/editconstraints.gif" width="680" alt="Edit Constraints example">
1114

1215
### Update Layout `⌘ + L`
1316

14-
![Update Layout example](docs/updatelayout.gif)
17+
<img src="docs/updatelayout.gif" width="680" alt="Update Layout example">
1518

1619
### Example
1720

18-
![iOS 9 Lockscreen example](docs/[email protected])
19-
[Watch on Vimeo](https://vimeo.com/140962822)
21+
<img src="docs/[email protected]" width="680" alt="iOS 9 Lockscreen example">
22+
23+
[👀 Watch on Vimeo](https://vimeo.com/140962822)
2024

2125
## Installation
2226

2327
### Using Sketch Runner
28+
2429
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](http://www.sketchrunner.com).
2530

26-
![Install Sketch Constraints with Sketch Runner](docs/[email protected])
31+
<img src="docs/[email protected]" width="680" alt="Install Sketch Constraints with Sketch Runner">
2732

2833
### Manually
2934

@@ -44,6 +49,12 @@ Make sure you have the latest version of Sketch installed. **(Sketch 40+)**
4449
* [Bind](https://github.com/almonk/Bind) from [Alasdair Monk](https://twitter.com/almonk).
4550
* [Sketch Flex Layout](https://github.com/hrescak/Sketch-Flex-Layout) from [Matej Hrescak](https://twitter.com/mhrescak).
4651

52+
## Native
53+
54+
As 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**.
55+
56+
<img src="docs/[email protected]" width="680" alt="Sketch 44 native constraints">
57+
4758
## License
4859

4960
Sketch Constraints is released under the MIT license. See [LICENSE](LICENSE) for details.

docs/[email protected]

16.2 KB
Loading

0 commit comments

Comments
 (0)