Would you like to create real web prototypes really fast? Are you tired of recreating entire pages in Sketch just to make a few modifications? Would you like to make changes to an existing website with ease? Do you want to learn a new and exciting way of improving your design process? If so, this course is for you!

My name is Drew, and I am a Product Designer with more than 5 years of experience working at startups (currently working at Udemy designing the site you are on right now!). In this course, I will teach you how to quickly and easily create prototypes live in your Chrome browser using the Chrome Dev Tools. This will allow you to test out ideas in the real context that a user will experience them by:

          - Editing text live

          - Editing the styling of elements in real-time

          - Changing the style of multiple elements at once

          - Changing the order of elements on a page

          - Changing the hover state of elements

          - Creating and re-using components from other parts of your site or your style guide

Additionally, I will show you how to save and share your work with others for quick feedback, whether it is with other designers in your company, product managers, VPs, or end users.

Getting to a super quick yet high fidelity prototype will allow you to iterate and get feedback more frequently and easily, and as a result, build a better product overall.

I hope you enjoy the course, and if you have any questions, I am here and willing to help!

***BONUS!*** I will provide you with a chrome extension I built myself to help you avoid a common pitfall of using the chrome dev tools :)

Cheers,

Drew Koch

Product Designer, Udemy