Basic Figma Tools and Features

1. The Rectangle Tool

The Rectangle Tool is one of the fundamental tools in Figma, used to create rectangular shapes. This tool is essential for building basic UI elements like buttons, cards, and containers. To use the Rectangle Tool, simply select it from the Toolbar and click and drag on the Canvas to create a rectangle of your desired size.

Think of the Rectangle Tool as the foundation block in a LEGO set. Just as you start building a LEGO structure with basic blocks, you begin your UI design with simple shapes like rectangles. These shapes can then be transformed into more complex elements through resizing, coloring, and layering.

2. The Text Tool

The Text Tool allows you to add and format text within your design. This tool is crucial for labeling elements, creating headings, and adding body text. To use the Text Tool, select it from the Toolbar and click anywhere on the Canvas to insert a text box. You can then type your text and adjust its properties such as font, size, color, and alignment using the Inspect Panel.

Imagine the Text Tool as the pen and paper of your design. Just as you write and edit text on paper, you can input and modify text in Figma to convey information and enhance the usability of your design. Proper use of the Text Tool ensures that your design is not only visually appealing but also informative and user-friendly.

By mastering these two basic tools, you will have the essential skills needed to start creating simple yet effective UI elements in Figma. These tools form the building blocks of more complex designs, making them indispensable for any UX/UI designer.