Responsive Website Design in Adobe XD

Hey, Pixels! In this tutorial, I’ll show you how to design this bright and vibrant responsive Website in Adobe XD. You’ll also learn how to use some of the latest features in #AdobeXD while you’re at it.

Remember, practice makes #xopixelPerfect!

Project File Download: Promo (25% off):
⏰ Chapters
0:00 Intro
0:24 Video Partner
1:10 Artboard Setup
1:51 Navbar
2:43 Hero Section
5:00 Plan Section
7:12 About Section
8:36 Shop Section
9:45 Footer
11:31 Artboard Cleanup
12:00 Tablet
14:20 Mobile
16:34 Design Summary
16:55 Outro

💻 More Ways to Practice
▸ Learn UX Design:
▸ Learn Code:
▸ Learn Graphic Design:
▸ Learn Tech:
▸ Tips & Lifestyle:

💌 Sign-up to my weekly newsletter to get your FREE HTML & CSS Coding Cheat Sheets:

🎥 My fav equipment & tools:

Follow Me
▸ website |
▸ facebook |
▸ twitter|
▸ instagram |
▸ pinterest |

Subscribe to XO PIXEL for new videos every week!


♥︎ Filmed & Edited by Marisa Blair



XO PIXEL is the place to grow your love for design, code, and technology!

Our mission is to provide educational, creative, and inspiring design, coding, and tech content for enthusiastic learners online. Join over 1 million learners and watch XO PIXEL articles and video tutorials to develop your digital skills and become inspired and creative!

Please note that I may receive a commission (via affiliate programs) if you purchase something linked in my video description.

Duration: 00:17:12