My Adobe Xd Web Design Tutorial for 2022 and beyond. This replaces my old adobe xd tutorial now with a realistic design. You will learn all the basics & essentials in this beginner friendly tutorial.

Download the files: https://www.dropbox.com/sh/obptk4a9w0... (click on "Download" on the first page)

Sign up for my courses via the following links:
Elementor Pro Mastery Course: https://livingwithpixels.com/elemento...
Figma Design Mastery Course: https://livingwithpixels.com/designc...

Parts in this video (clickable links)
00:00:00 Before we start
00:01:26 Step 1: Setting up Adobe Xd
00:05:02 Step 2: Creating the basic structure
00:13:56 Step 3: Working with images and icons
00:20:20 Step 4: Applying different effects
00:26:19 Step 5: Adding text content
00:37:34 Step 6: Creating buttons and our menu
00:45:28 Step 7: Using components for efficiency
00:49:18 Step 8: How to save, export and share your design

→ Software I recommend
Hostinger for affordable webhosting: http://livingwithpixels.com/hostinger
Siteground for premium webhosting: http://livingwithpixels.com/siteground
Elementor for nocode webdevelopment: http://livingwithpixels.com/elementor
Figma for Web Design: https://livingwithpixels.com/figma
All recommended software & discounts: https://livingwithpixels.com/software/

→ Full AZ Courses
Elementor Pro Mastery Course: https://livingwithpixels.com/elemento...
Figma Design Mastery Course: https://livingwithpixels.com/designc...
Business Course: https://livingwithpixels.com/business...

→ Starter Guides for Beginners
Elementor Starters Guide: https://livingwithpixels.com/elemento...
Figma Design Starters Guide: https://livingwithpixels.com/designg...

→ My Social Media
Tiktok:   / rinodeboer  
Instagram:   / rinodeboer  
Twitter / X:   / rinodeboer  

Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.