How to wireframe in Adobe XD | Easy tutorial

Learn how to wireframe in this Adobe XD tutorial. I share my wireframing process for a website as redesign the homepage of my portfolio site. I start with sketching simple wireframes in Procreate on an iPad Pro. Then I create low fidelity wireframes in Adobe XD.

PART 1 How to plan a website:
PART 2 How to make a moodboard for a website:
How to design a website series:


Want me to review your portfolio and offer feedback?

Have questions you want to want to ask me about design? Book a call with me:


Hello! I’m Monica, a designer living in San Francisco, California. This channel is a place where I share all my design and creative side projects. By sharing my process, I hope to help you learn more about design!


Instagram –
Dribbble –
Website –

About this video: Want to know more about wireframing basics and the ui design process? Learn how to make wireframe in adobe xd in this design tutorial video. Wireframing tools in this video are sketching in Procreate and low fidelity wireframes in Adobe XD.

Duration: 00:05:31