<p>Published on <a href="http://ift.tt/2rxy8Kj">| Prototyping: From UX to Front End &mdash; Medium</a> Stewart Curry <img alt="" src="http://ift.tt/2t8xYGp"></p>
<p>I saw this tip on Twitter but am struggling to find the source inside my 20k+ favourites! So if you can help me attribute it let me know and I’ll update.</p>
<p>This tip involves putting a letter after the number you are adding/subtracting/etc. to your height or width, in order to pin one side and apply the measurement to the other side.</p>
<p>You can use: T for Top, B for Bottom, L for Left, R for Right and C for centre to fix those sides and apply the operation to the opposite side.</p>
<h4>Example: Height</h4>
<p><img alt="" src="http://ift.tt/2sz184n">Add “B” after the size you are increasing by to add that amount to the top and fix the bottom<img alt="" src="http://ift.tt/2t8uyU8">Add “T” after the size you are increasing by to add that amount to the bottom and fix the top</p>
<h4>Example: Width</h4>
<p><img alt="" src="http://ift.tt/2szq8IG">Add “L” after the size you are increasing by to add that amount to the right and fix the left side<img alt="" src="http://ift.tt/2t8Nkuw">Add “C” after the size you are increasing by to add that amount to both sides equally and pin to the centre</p>
<p>If there’s anything missing from this tutorial, or anything you’d like me to cover about Sketch and/or Invision, then let me know here or find me on Twitter! <a href="https://twitter.com/irishstu">https://twitter.com/irishstu</a></p>
<p><img src="http://ift.tt/2szaMDY" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="http://ift.tt/2t8xX5j">Calculations in Sketch: Pinning with Operators</a> was originally published in <a href="http://ift.tt/2cAqCpx">Prototyping: From UX to Front End</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


Calculations in Sketch: Pinning with Operators

Top Stories