Figma is a design tool that lives in your web browser. Think of it as a digital drawing board where you can create designs for websites, mobile apps, and other digital products. Because it's cloud-based, you can access your work from any computer, and you never have to worry about saving files locally.

It’s built for user interface (UI) and user experience (UX) design, which means it has all the features needed to plan and build what a user sees and interacts with on a screen.

When you first open a Figma file, the interface might seem busy, but it's organized into four main areas. Getting familiar with them is the first step to feeling comfortable in the app.

1. Toolbar (Top): This is where you'll find all your primary tools. You'll see icons for creating frames, drawing shapes, writing text, and leaving comments.
2. Layers Panel (Left): Every object you create—a shape, a piece of text, an image—appears here as a 'layer'. This panel lists everything in your file and helps you organize it, much like a table of contents.
3. Properties Panel (Right): When you select an object on your canvas, this panel comes to life. It shows you all the properties of that object—like its color, size, font, and effects—and lets you change them.
4. Canvas (Center): This is your workspace. The big, open area in the middle is where you'll do all your designing.

Before you can add shapes or text, you need a container for your design. In Figma, this container is called a Frame.

To create a frame, select the Frame tool from the toolbar (or just press the 'F' key). The Properties Panel on the right will then show you a list of preset sizes for phones, tablets, and desktops. Pick one, and it will appear on your canvas.

Once you have a frame, any object you add inside it becomes a Layer within that frame. If you look at the Layers Panel on the left, you'll see the objects nested neatly under their parent frame. This organization is key to managing complex designs.

Now for the fun part: adding elements to your frame. The toolbar holds the basic tools you need to get started.

Shape Tools: Next to the Frame tool, you'll find a dropdown for shapes like rectangles (R), lines (L), arrows, ellipses (O), and stars. Select one and click-and-drag on your canvas to draw it. Once you've created a shape, you can select it and use the Properties Panel to change its fill color, add a border (called a 'Stroke'), or round its corners.

Text Tool: To add text, just grab the Text tool (T), click anywhere inside your frame, and start typing. Like with shapes, all the text options—font family, size, weight, color, and alignment—are waiting for you in the Properties Panel.

With just frames, shapes, and text, you have the fundamental building blocks for nearly any user interface.