How to Create a Rectangle in Figma: Quick Guide

To create a rectangle in Figma, select the Rectangle Tool (R) from the toolbar or press R on your keyboard, then click and drag on the canvas to draw the shape. You can adjust its size, color, and border using the properties panel on the right.

Syntax

The basic way to create a rectangle in Figma is by using the Rectangle Tool. You can activate it by clicking the rectangle icon in the toolbar or pressing the R key. Then, click and drag on the canvas to draw the rectangle.

• Rectangle Tool (R): Activates the rectangle drawing mode.
• Click and Drag: Defines the rectangle's position and size.
• Properties Panel: Adjust fill color, stroke, corner radius, and size after drawing.

text

1. Press R or select Rectangle Tool from toolbar
2. Click and drag on canvas to draw
3. Use properties panel to customize

Output

A rectangle shape appears on the canvas with default fill and stroke.

Example

This example shows how to create a blue rectangle with rounded corners in Figma.

text

1. Press R to select Rectangle Tool.
2. Click and drag to draw a rectangle.
3. In the properties panel, set Fill color to #3B82F6 (blue).
4. Set Corner Radius to 10 px for rounded corners.

Output

A blue rectangle with smooth rounded corners appears on the canvas.

Common Pitfalls

Beginners often face these issues when creating rectangles in Figma:

• Not selecting the Rectangle Tool: Trying to draw without activating the tool will not create a shape.
• Dragging too small or too large: Drag carefully to get the desired size; you can resize later.
• Forgetting to customize: The default rectangle is gray; use the properties panel to change color and style.

text

Wrong: Click on canvas without selecting Rectangle Tool - no shape created.
Right: Press R first, then click and drag to draw.

Output

No shape appears if tool is not selected; shape appears when tool is active.

Quick Reference

Action	Shortcut / Location	Description
Activate Rectangle Tool	R key or toolbar icon	Start drawing rectangles
Draw Rectangle	Click and drag on canvas	Defines size and position
Change Fill Color	Properties panel > Fill	Set rectangle color
Adjust Corner Radius	Properties panel > Corner Radius	Round the corners
Resize Rectangle	Select and drag edges or corners	Change size after drawing

Key Takeaways

Press R to quickly activate the Rectangle Tool in Figma.

Click and drag on the canvas to draw your rectangle.

Use the properties panel to customize color, size, and corners.

Always select the Rectangle Tool before drawing to avoid no shape creation.

You can resize and style the rectangle anytime after drawing.