How to use Adobe XD grids and guides | Tutorial for beginners

Опубликовано: 17 Ноябрь 2024
на канале: Monica's Design Process
16,186
200

In this tutorial for beginners you will learn how to use Adobe XD grids and guides. I share how to create vertical and horizontal guides, how to add a square grid, and how to add a column grid with margins and gutters. I also go over keyboard shortcuts for showing and hiding guides and grid layouts.

WATCH NEXT
How to make a simple hamburger menu animation:    • How to make a hamburger menu animatio...  
How to make a drop down menu animation:    • How to make drop down menu animation ...  
How to create a login screen UI design and prototype:    • Login Screen UI Design and Prototype ...  

---
LINKS

Want 10% off Field Notes? Use code MONICA10 https://fieldnotesbrand.com

Present your designs and artwork in a professional way, check out the Modern Frame Mockup Bundle: https://monicagalvan.co/mockups

Need help wireframing? Check out the Wireframe Kit: https://monicagalvan.co/wireframes

Try Skillshare free for 1 month: https://www.skillshare.com/r/user/mon...

---
ABOUT 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!

---
SOCIAL

Instagram –   / themonicagalvan  
Pinterest –   / themonicagalvan  
Website – https://monicagalvan.co/

---
About this video:
In this Adobe XD tutorial for beginners, I share how to create guides, a square grid, and a column layout grid. I show you how to adjust margins and gutter in your column layout grid and share keyboard shortcut tips.