1) Download the .Sketch file (Free)

2) Edit the symbols and see how they are set up. 

3) Change images and focal points and see how they change when you resize them in the main artboard. 

More info on how to use the file on this Medium post.
–––
It took several hours to write this post and create the file, if you can afford it I appreciate your contribution to the newsletter!

According to the data from HTTP archive, 64% of a website’s page weight, on an average, is made up of images. With mobile traffic surpassing desktop traffic, it has now become even more crucial to…

We’ve introduced MyPortfolio.design last week, a free place for designers portfolio. To get you started faster, we’re releasing this freebie sample of a portfolio. First, If you haven’t tried it…

You start your designs with one image (low res, un-retouched, unlicensed, etc…) and you (or someone else 😈…) want to then swap it everywhere with another one without having to do it manually…

Animation can be used to tweak the user’s perception of time, so use this in your favour. For the human brain, anything below 0.1 seconds will seem instantaneous and below 1 second will seem seamless. So, if you have a process that takes 6 seconds for instance, you can break it down in a few separate animations. This trick should make the process feel a lot faster and keep your user engaged.

You can also use animation to fake an instant action that will actually take bit longer in the background. This will make the app feel more responsive even though the process still takes longer than what the user sees.

1) Download the .Sketch file

2) Edit the symbols and see how they are set up.

3) Change images and focal points and see how they change when you resize them in the main artboard.

More info on how to use the file on this Medium post.
–––
It took several ours to write this post and create the file, thanks for your contribution!

Auto-Layout is a Sketch Plugin that empowers designers to build responsive designs inside Sketch.