In this tutorial, I will show you how to design a simple website in Adobe Xd (2020). I shall teach you all you need to know about Adobe Xd web design basics and how to design a simple website in Adobe Xd as a beginner. I will take you through simple steps and teach you how to create a simple header image of a website using Adobe Xd. In this video, I will not only teach beginners how to design a simple website in Adobe Xd, but also, I will share where you can get free icons and images to use for designing websites.
Interested in a discount for my Adobe Xd course? Grab the discount here: https://livingwithpixels.com/waitlist-design-course/
Check out Adobe Xd on the Adobe website: https://bit.ly/lwp-adobexd-yt
Download-link for the exercise files: https://www.dropbox.com/sh/po99cfilx0vvoj1/AACeCbIfAqteIW82HZ7pO1zSa?dl=0
→ Software that I use
Hosting & Domain provider I use on all my websites: https://www.siteground.com/go/lwp-youtube
Elementor Pro – WordPress Best Pagebuilder https://trk.elementor.com/4590
The whole list of software that I recommend: https://livingwithpixels.com/links/
→ Gear that I use to create videos
Macbook Pro M1 14 inch: https://amzn.to/3oHBQNd
Camera: Lumix GH5: https://amzn.to/3pPpTVh
Microphone: Shure MV7: https://amzn.to/3s3nhFM
Chair & Sit/stand Desk: https://bit.ly/39fn6fs
Video editing software: https://bit.ly/lwp-premiere-yt
→ Helpful for beginner
How to Install Elementor and WordPress. Watch: https://youtu.be/SKyoKk9T4g4
Elementor Beginners Tutorial. Watch: https://youtu.be/E15iQEm9KF8
Some of the above links 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.
source
Goeie Engels man haha
I love rectangles that have 3 sides!
man, this is the best XD tutorial I watched, very simple yet it gives a deep understanding of many functionalities. Thanks!
course for elementor?
Thank you. This was very helpful.
Perfect triangle 😉
Great video
Hi am I confused after creating a website with adobe xd how do I transfer that to a domain and make the website live? Is there plug in or somewhere I upload the file to shopify/word press to? Thanks so much!
And what about the code part? how do you transform that in to code?
Hey how do i import my design after i finished in adobe xd to WordPress?
This is amazing, very helpful. Thank you! 🙂
Well…. How do I use it for a website?
why'd you make it 1400×800 ?
I haven't seen anything here that cannot be done way faster with plane html – css and an icon library. And how are you going to extract a responsive web page without funky plugins ? Especially after dropping Adobe Muse like a hot potato.
good content !
Please make a website design about an artist recording studio
Thank you very much for your tutorial! I am a beginner and was clueless about Adobe XD but now I am excited to learn more about UI 😀
Once again a fantastic tutorial – Thanks Rino
this was really helpful thanks for the tutorial
yeah, but how do i create a web from custom design. that's what i really want to know
Thanks!
Wow thank you so much ! I was trying to make a website with adobe portfolio and it wouldn't allow me to do what I wanted, but now I can thanks to you 🙂
Did you make a video about what plugin do you use in your adobe xd to build a website??
Quite nice!