77","static/chunks/4577-01ecb1e520abe2b7.js","1120","static/chunks/1120-bf3e823007489208.js","2181","static/chunks/2181-3c3f55f15c9ef7a3.js","5953","static/chunks/app/blog/%5Bslug%5D/page-9a6587adf12a594e.js"],"default"] 1a:T7dd,

Published on | Prototyping: From UX to Front End — Medium Stewart Curry

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.

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.

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.

Example: Height

Add “B” after the size you are increasing by to add that amount to the top and fix the bottomAdd “T” after the size you are increasing by to add that amount to the bottom and fix the top

Example: Width

Add “L” after the size you are increasing by to add that amount to the right and fix the left sideAdd “C” after the size you are increasing by to add that amount to both sides equally and pin to the centre

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! https://twitter.com/irishstu

Calculations in Sketch: Pinning with Operators was originally published

Calculations in Sketch: Pinning with Operators

Cool stuff, every week

More Articles