Sketch For UX Design Teams

Learn how to use Sketch's features and extensions to export design assets, CSS and HTML, and animation in high-quality formats and integrate with other UX design platforms.

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.

Introduction

• Welcome
• Managing plugins in Sketch

1. Sharing Your Sketch Files

• Using file sharing services
• Saving as a template
• Sharing artboards with Sketch Mirror
• Options for exporting to Adobe Photoshop and Illustrator

2. Converting Sketch Files for Collaboration

• Exporting artboards to PDF
• Exporting artboards to JPG or PNG files
• Integrating with design, prototyping, and development platforms

3. Creating Final Content

• Exporting assets
• Copying CSS and SVG code from Sketch
• Extracting Sketch assets with Gulp
• Exporting HTML and CSS from Sketch
• Creating and exporting animations from Sketch

Conclusion

• Where to go from here