Sketch 3 by BohemianCoding.com for the Mac is an excellent tool for quick prototyping designs when it comes to creating iOS screens. In this video version of my Getting Started Designing iOS Screens with Sketch 3 written tutorial I will teach you in under 10 minutes how to create and export your designs using the built in iOS template controls.
There is a lot more to Sketch 3 than first meets the eye but you really only need to know a few things to get started designing views for iOS, Android and the Web, that is what I am going to teach in this article.
Bohemiam Coding, creators of Sketch 3 did a fantastic job making a tool for prototyping layouts be it web pages or in our case iPhone and iPad views. Using the tool you can easily play with laying out views and creating usable exported assets for your development tool of choice (Xcode for most of us when it comes to the iOS platform).
In this quick tutorial we will start with a new Sketch 3 artboard using the built in iOS template. We will then add some controls, simulate a popup scenario and finally export the image as if we needed to share it with someone.
I have been asked many times how I manage to get the quality and professional results from my screencasts that I create. Firstly, thank you to everyone that comments and compliments me on the quality of my screencasts/videos, I truly appreciate it and it inspires me to continue to make great content for you the viewers. If I could do this for a living I would, I find it so much fun and am passionate about sharing and learning together.
I have tried many different workflows and setups over time, this is my current setup.
I am a recent convert to Sketch 3 by Bohemian Coding. As I work through learning and using this superb design tool I have decided to compile lists of useful resources including plugins, tutorials and templates that I come across with you all. I shall endeavor to keep the lists up to date, there is an ever growing community around the tool.