Using Style Guides to Bridge Design and Development

If you currently work as a UX or UI designer, or are looking to break into the field, it’s essential that you know how to use a style guide to bridge the gap between design and development. In this course, instructor David Karlins gives you a comprehensive overview of style guide documentation, how it works, why it’s so important, and how it fits into professional designer and developer processes and workflows.

Explore the basics of a well-designed style guide to learn more about how it maps out on particular elements, including colors, fonts, copy, layout, formatting, textures, graphics, and other key design elements. Along the way, David gives you tips on how to generate and share style guide docs with project stakeholders. By the end of this course, you’ll also be equipped with new technical skills for exporting your complete style guide from a prototyping app like Figma into a developer tool like Zeplin.