Figma is a design tool that lives entirely in your web browser. There's nothing to download or install. You can use it to design anything from websites and mobile apps to logos and social media posts.

Its main strength is collaboration. Multiple people can open the same design file and work on it together in real time. You can see your teammate's cursor moving around, making changes, and leaving comments. This makes it incredibly easy for teams to work together, even if they're in different parts of the world.

Figma is a vector-based tool, which means your designs are made of mathematical equations, not pixels. This allows you to scale your work to any size without losing quality. It also has built-in tools for creating simple, clickable prototypes to show how a design is supposed to work.

Setting up an account is simple. Since Figma is browser-based, you just need to visit their website and sign up. The free plan is quite generous and perfect for learning.

Once you've created an account and logged in, you'll land on the file browser. This is your dashboard. From here, you can see recent files, browse community resources, and create new design files. Think of it as your home base.

When you open a design file, the interface can look busy, but it's organized logically. It's split into four main areas.

Here's a breakdown of each part:

Spend some time clicking around. You can't break anything. Select a tool from the top toolbar and click on the canvas to see what happens. Then look at the Inspector Panel on the right to see what options appear.

Let's create something simple. In Figma, your designs live inside containers called Frames. Think of a Frame as a specific screen size, like an iPhone 13 Pro or a web browser window. You can also create custom-sized frames.

To start a new project:

1. Go to your file browser and click the 'New design file' button.
2. In the new file, select the Frame tool from the toolbar (or press the 'F' key).
3. In the Inspector Panel on the right, you'll see a list of preset frame sizes. Choose 'Phone' and then 'iPhone 14'.

A new frame will appear on your canvas. Now you can add elements to it. Try selecting the Rectangle tool ('R') and drawing a shape inside the frame. Then, grab the Text tool ('T') and add a title.

Back in the file browser, you can rename your files and organize them into projects. Projects are just folders to keep your work tidy. Any file you create starts in your 'Drafts' folder. You can move it to a specific project or team space later.

Ready to check your understanding?