All language subtitles for 27 - Figma UI —

Everyone I want to talk about tools.

So what we're going to do here is we're just going to create a new design file.

So I'm going to click that button.

It's going to pop open that new tab.

I'm just going to call this one test for now.

Now I'm going to show you a bit about Figma and all the different things you have going on over here.

So over here we just have the tabs.

So these give you like a quick overview of what you have open.

You can have multiple tabs open.

Up here is the toolbar.

So let's start from the left.

This is going to be your menu, and your menu is going to have a lot of different, interesting things

in here.

You're going to be able to see quick actions.

So if you like using quick actions, you can click that and say, I'm going to search for plug ins so

I can go and search plug ins in the community.

Really great way to see what you have available to you.

You can also see different types of settings for your file.

The ability to edit view.

I would say the majority of these you may not be touching.

You may touch them once and then just leave it.

I think one of the biggest things that is really helpful here is going into the help and account and

go into keyboard shortcuts, which is going to pop open a shortcut tab right at the bottom based off

of your system that you're using.

And it'll help you think about, Well, how do I access something like the pen tool and how do I make

a select all four for MacBooks for Mac OS, it's going to be command A versus control.

So I mean, you're going to be able to get all that information right within the app, which is super

helpful.

So I'm just going to close that right now.

So that's the menu.

This is where you're going to access your tools.

So we have our basic tools up here.

We have Move and your scale tool.

We have your frame tool.

Now I'm going to go into these a bit deeper later, but these are where you're going get your frame.

Tool frames are where you're going to draw.

Essentially your canvas, you're going to draw things on the frame.

It's like the canvas or your art board, whatever you would like to call it.

But in Figma they're called frames, so we have a frame and slicing tool frame is probably the most

important.

Then we have our shapes and this is where you can come in and make some great shapes.

If you're making logos, if you're just using shapes for just interest on your like what page or whether

it's like a mobile app or something, this is where you'll come to use your shapes and they have these

shortcuts on the right.

So you have your rectangle, you have your line, arrow, ellipse, polygon star, and you can place

your image here as well.

This is your pen tool, which is really helpful if you're making custom shapes.

I love the pen tool.

We have the text tool.

This is really helpful.

If you need to write something, text tool is going to be your friend.

So that's the text tool.

And we have the hand tool for moving things around.

Really helpful for moving around selections and not clicking into them.

And then we have the common tool.

So one great thing Figma does is they have like this onboarding tutorial system.

So when you sign in for the first time, they're going to run you through everything.

You'll also see certain things for new tools and whatnot.

So that is really helpful.

So I'm just going to close that.

So we have our comments.

You can just leave a comment when you click on that tool.

So I have a comment here.

Just great.

Hey, great work.

And then press enter and that comment is stored and you can move comments around.

It's really great.

And you can keep track of them over here.

Then you have things like contextual tools.

So let's say I have a rectangle.

I'm going to make a copy of that rectangle using command.

See, you can use control, see if you're on windows and then command or control V And then I have that

copy.

So you can see that over here in the Layers panel.

So if I have.

You know, two different rectangles.

I can see my contextual tools.

So over here you have components.

This is a little advance, so I'm not going to really talk about components too much right now.

We have masking.

Masking essentially allows you to create shapes and hide different aspects of other shapes.

So you can use the masking tool there.

And we also have Boolean tools as well.

So I'm going to actually select both of these.

And you have these Boolean operations so you can like.

Create a union.

Subtract.

So if I'm going to.

That I'm just going to subtract and it's taken a chunk out.

So a lot of cool things up there in the contextual tools.

Aside from that, you do have like the file settings over here, whether you want to see like the version

history, you want to publish components, you want to rename it, you want to move it to a new project

or another project, delete it or favor the file.

You can do that all within here.

This is where you can access the project it was in, so ours was in drafts and I click drafts.

I'm going to go back.

So that's what I clicked over there and over here on the right side you have some of your share and

view settings.

You'll see the different people that are in this file when they're in here as little avatar bubbles,

you'll be able to click the share button and get into all the nitty gritty ways to share, whether that's

with.

You know, anyone with a link can view.

This is how you're going to get your files.

You're going to get them as viewable files, like I said.

You can also just invite people manually.

You can let them edit.

And that is how you just grab the link.

You could also play prototypes.

So if I were to make a frame, I'm going to press F to make that frame.

So if I have a little iPhone 13 mini, I'm going to just put that there and just drag one of my text

layers on here.

And I'm just going to.

Place it out there for now.

So.

This is just my design.

I know it's great.

And if I press play, it's going to open up that prototyping tab for us and you'll be able to see your

prototype.

You can link together prototypes and they'll show up there.

So that is essentially how you would play a prototype.

If you want to get into the Zoom and view settings, you can do that here as well.

You can customize what you see.

And you can customize basically how you see it.

You'll see like all the shortcuts here for zooming in and out and how to access some of these view options.

And that is the toolbar.