From the course: Introduction to Graphic Design: XD

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Adding UI components

Adding UI components - Adobe XD Tutorial

From the course: Introduction to Graphic Design: XD

Start my 1-month free trial

Adding UI components

- [Instructor] All right, let's go ahead and get our rectangle tool, tap r on the keyboard to get that and then come out into the art board. I'm working from the bottom here. Okay, just to draw a rectangle like so. And then, I'm going to come up to this transform region here, and I'll make these 172 by 172. So it's nice and square, like so. I'll hit Return or Enter to commit that and then go to the widgets here. And if you're an Illustrator user, you'll be very familiar with these widgets, which you use to round off corners. Perfect, so that's exactly what we need. I'm going to give this a border weight of four. And then, I'm going to go ahead and apply some colors here. So, what I'm going to do is actually right-click the magenta like color here and apply that as the fill. And then, right-click the color above that to apply that as the border color. Now, that won't make much sense just at the moment but it will do…

Contents