Start Teaching

Wireframing For UI / UX Designers

Language: English
Wireframing For UI / UX Designers

This Course is for You

2 hours 40 minutes

of video/audio content


Downloadable attachments

1 minute

of reading content

Wireframes are important part of any design process because they are the bridge between the idea and the execution.

They are great because they are simple enough so everybody involved can understand them, and also cheap enough because you can create them on the piece of paper or majority of design software.

Hi there my name is Alex and in this course you will learn:

What are wireframes

How to draw wireframes on paper and use the templates i provided

How to create wireframes in different online tools

How to create them in Photoshop

And finally, how to create them in Adobe Xd and then move on to high fidelity wireframes and prototypes.

This course is for anybody interested in wireframes and you don't have to know how to use these tools, we are going to cover them in this course.

So if you want to improve your productivity, save a lot of time and money on iterations and create products faster, then click enroll and i'll see you in the course.

Have a creative day!


Course Overview

  • 1. What is wireframing

  • 2. Resources for paper wireframing

  • 3. Wireframe elements

  • 4. Wireframe Styles

  • 5. Printable Templates

  • 6. Drawing your wireframe

  • 7. Digital Wireframing Tools

  • 8. Tool 1

  • 9. Tool 2

  • 10. Tool 3

  • 11. Tool 4

  • 12. Wireframing In Adobe Photoshop

  • 13. Wireframing in Adobe Xd

  • 14. Taking Your Wireframes Further

  • 15. Exporting Assets From Adobe Xd

  • 16. Working With Templates

  • 17. Conclusion And Resources