Anyone know of an easy way to create angled Mobile Screenhots on Sketch 3 like the image below?

Pretty sure if I transform the image to proper angles and add shadows I can do the same thing but I was wondering if there was some type of automatic 'Skew' technique like in Photoshop.

enter image description here

  • 1
    It's not "automated" in Photoshop. You have to manually do it
    – Scott
    Commented Jan 6, 2015 at 17:25
  • @Scott i meant automated as in 'Smart Objects'. There are quite a few templates for photoshop for those.
    – bhashem
    Commented Jan 6, 2015 at 17:37
  • Are you trying to figure out how to skew something in Sketch or are you trying to locate a template??
    – Ryan
    Commented Jan 6, 2015 at 17:54
  • 1
    If there are any templates I would rather try those definitely. I assume skewing something in Sketch is just done by the 'transform' button? Alternatively is there any kind of perspective grid to help when transforming?
    – bhashem
    Commented Jan 6, 2015 at 20:14
  • This is an answer I gave to a somewhat related question here: graphicdesign.stackexchange.com/questions/38913/…
    – Manly
    Commented Jan 6, 2015 at 20:23

1 Answer 1


You can use the Magic Mirror plugin for Sketch to easily create perspective mockups in Sketch. Here's a detailed tutorial - https://www.youtube.com/watch?v=F7wOPtKjVps

  • (In response to the notice about not giving a one-line answer) Well, there are two ways I can approach this: 1. Provide links to the plugin that will let you do this, and a link to a video tutorial that explains the process in detail. 2. Try and write the process step-by-step here. I'm assuming the second approach is a waste because lines of text will not come close to the explanation in the video, and hence will be a worse answer than the one I have as of now.
    – Ashish
    Commented Dec 2, 2015 at 4:06
  • 2
    Its a automated answer that has been vetted by 5 persons. This webpage site is supposed to be as self contained as possible. So while you can link to the video. You should still do 2. The second approach is definitely not waste, text is much faster to follow than watching a video which mostly is waste of time. As generating answers here is the central purpose of the site its never wasted, just linking out is wasted as far as stackexchange is concerned. It could be worse your answer could have been deleted altogether.
    – joojaa
    Commented Dec 30, 2015 at 10:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.