Exporting artboards to JPG or PNG files

Keyboard Shortcuts

The JPG and PNG file formats are two of the most ubiquitous graphical file formats... and so with this wide support, they well suited for inclusion into all types of applications, both in desktop applications on your computer well as online applications and services. Within our Sketch document, we can export art boards as individual JPG or PNG graphics, among other options, and quickly create files we can share with out clients and colleagues.

- [Voiceover] The JPG and PNG file formats…are two of the most ubiquitous graphical file formats.…And with this wide support, they're well-suited…for inclusion in all types of applications,…both in desktop applications on your computer…as well as online applications and services.…And from within the Sketch application,…we can export art boards as individual JPG or PNG files,…among other options, and quickly create files…that we can share with our clients and colleagues.…So, to demonstrate this,…I have a responsive web design opened up inside of Sketch.…Now, by default, Sketch will automatically define…all of the art boards as an exportable item.…

So, in the left-hand panel here,…if I come over here and select an art board,…I'll select the 600-pixel art board.…In the lower right, we'll see an Export Property Set here.…Now, if you delete this and close the file,…or just wait a few minutes,…Sketch will recreate this export option.…So the export options for art boards…are always part of the document.…We can, however, come down here and change the properties.…

Resume Transcript Auto-Scroll

Author

Released

7/29/2016

Sketch is great for solo UX designers, but it's also incredibly useful for teams that need to share content with different people and programs. With Sketch, designers can easily collaborate on projects with remote contractors and clients, and export assets for prototyping, animation, or even app development. In this short course, Chris Converse focuses on the robust sharing and export features, as well as 20+ plugins and extensions that integrate Sketch with other platforms, including Zeplin, InVision, and Flinto. Find out how to share native Sketch files and templates; export artboards to PDF, JPG, and PNG formats; generate CSS, SVG, and HTML code; and create and export animations directly from Sketch. These techniques will help designers understand how Sketch fits into a broader UX design workflow, and helps teams share and reuse assets more efficiently.