From the course: Figma Essential Training: The Basics

Unlock the full course today

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

Hide parts of content with a mask

Hide parts of content with a mask - Figma Tutorial

From the course: Figma Essential Training: The Basics

Start my 1-month free trial

Hide parts of content with a mask

- [Instructor] As you work with images, you're probably going to want to take an image you have and mask it. In other words, place an image out here and hide parts of it using a vector shape, like a circle for instance. And that's what we're going to do, we're going to place a map and we're going to hide part of it by putting it within a circle. So back in your Restaurant app press the space bar to get to the hand tool and drag over, so we can see this frame on the right. And we're going to place an image now, so come up here and select place image from the shapes menu and come over to the O3 add content folder, the images folder and you should see map.png. Open that up and come out here, we're just going to press and drag, while pressing the shift key so we can strain it and make it above this big. Release the mouse button and then the key. Now you can see that the map is over there, this is an image,…

Contents