Basic Shapes and Text in Figma

Key Concepts

• Rectangle Shape
• Ellipse Shape
• Text Tool

Rectangle Shape

The rectangle shape is one of the most fundamental elements in Figma. It is used to create boxes, buttons, and other rectangular objects. To create a rectangle:

1. Select the Rectangle Tool from the toolbar.
2. Click and drag on the canvas to draw the rectangle.
3. Adjust the size and position using the properties panel.

Example: A rectangle can be used to create a button on a website, with text placed inside it to indicate its function.

Ellipse Shape

The ellipse shape is another basic element in Figma, used to create circles, ovals, and other rounded objects. To create an ellipse:

1. Select the Ellipse Tool from the toolbar.
2. Click and drag on the canvas to draw the ellipse.
3. Adjust the size and position using the properties panel.

Example: An ellipse can be used to create a profile picture placeholder, giving a rounded appearance to the image.

Text Tool

The text tool in Figma allows you to add and format text within your designs. It is essential for labeling, headings, and other textual content. To use the text tool:

1. Select the Text Tool from the toolbar.
2. Click on the canvas where you want to add text.
3. Type your text and adjust the font, size, color, and alignment using the properties panel.

Example: The text tool can be used to add a heading to a webpage, making it clear and readable for users.

Conclusion

Mastering the use of basic shapes and text in Figma is crucial for effective design handoff. By understanding how to create and manipulate rectangles, ellipses, and text, you can build a solid foundation for your designs.