Design Process: Start to Finish in Adobe XD

Have you ever wondered how we make our website pages on ? In this video, our Art Director, Sang Chung, showcases his process on designing the video content page in Adobe XD.

First, make sure you have a style guide to reference (learn how to create style guides here: By having a style guide you are drastically reducing your designing time. Next, create a grid system. Know when to follow it and when to break it. Last, add your image collection and make your final tweaks to the site.

00:00 – Start
00:05 – Step 1: Prepare a style guide
00:12 – Step 2: Create a grid system
00:33 – Adding design elements to the page
01:58 – Step 3: Drag image collection into grid
03:47 – The Final Result

👉See our main channel:

#AdobeXD #MadeinXD #Tutorial #TheFutur #1BminusOne

Want a deeper dive? Typography, Lettering, Sales & Marketing, Social Media and The Business of Design courses available here:

If you’re a complete beginner, consider taking any of these Adobe Creative Cloud fundamental courses from our friends at Bring Your Own Laptop: 

Love the content? Become a sustaining member for $5/mo today.

Our recommended products and Booklist:

Kits & Proposals:

Visit our website:

FREE resources:

Mandarin (Chinese) Subtitles on UiiUii


🙏 Support The Futur but purchasing through our affiliate links:
Retro Supply Co.:
Creative Market:
Design Cuts:

✍️ Sharpen your skills by taking a course, using our affiliate links:
School of Motion:
Bring Your Own Laptop Tutorials:

🎧 Do you like the music? Check out the music libraries we use in our affiliate links below:
Epidemic Sound:

*By making a purchase through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.

Futur Podcast on iTunes: 🎙
Spotify: 🎙

We love getting your letters. Send it here:
The Futur
c/o Chris Do
1702 Olympic Blvd.
Santa Monica, CA 90404

Host– Sang Chung
Content Director– Matthew Encina
Producer – Mark Contreras
Editors– Eric Sweet, Jona Garcia
Live Editor– Jona Garcia
Social Team– Elle Money, Alex Burlui
Futur Theme Music – Adam Sanborne
Typefaces: Futura, DIN, Helvetica Neue, Calibre, Champion Gothic
Futur theme song— Adam Sanborne


Save This Post
ClosePlease login

No account yet? Register