Sketch Bootcamp

Learn Sketch to Design the UI & UX of Websites & Apps

In this class you’ll thoroughly learn Sketch from beginning to advanced features for UI (user interface) and UX (user experience) design.

You’ll learn to design web layouts for mobile, tablet, and desktop (or screens for apps) using text, graphics, styles, and more. With artboards and layout guides, you can design on popular grid systems (like Bootstrap), making it easier to design responsive webpages.

Symbols are where Sketch really shines. They let you reuse design elements (such as buttons) while allowing each instance to be customized. Being able to globally update symbols will enable you to create flexible design systems that are easier to manage. You’ll learn how to share symbols (and styles) across files and computers to keep everything in sync and updated. This is useful for individual designers, but especially important when managing a team of designers to make sure everyone is using the latest design components.

Sketch is vector-based, so graphics can scale for a variety of sizes, and export as hi-res (Retina @2x) graphics for the web or apps. Exporting graphics is quick. Mark what you want to export, select the filetype and size, and you’re ready to export.

Turn your designs into clickable prototypes using Sketch’s native prototyping tools as well as using InVision and the InVision Craft plugin.

Start using Sketch plugins that add new features and save time by making things easier, using plugins that we recommend. For example, you can export specs to give your web developer so they can inspect a Sketch layout for size, colors, fonts, spacing, copy CSS code, and more—all from a web browser without having to own Sketch.