Rectangle and ellipse tools in Figma - Real Business Scenario

Scenario Mode

👤 Your Role: You are a business analyst preparing a dashboard design mockup.

📋 Request: Your manager wants you to create simple shapes to represent key metrics visually using Figma's rectangle and ellipse tools.

📊 Data: You have no raw data but need to create visual placeholders for metrics like sales, profit, and customer count using shapes.

🎯 Deliverable: A Figma file with rectangles and ellipses sized and colored to represent different business metrics clearly.

Sample Data

Metric	Value	Shape	Color
Sales	1000	Rectangle	Blue
Profit	300	Ellipse	Green
Customers	500	Rectangle	Orange

1

Step 1: Open Figma and create a new design file.

No formula needed.

Expected Result

A blank Figma canvas ready for design.

2

Step 2: Use the Rectangle tool to draw a blue rectangle representing Sales.

Draw rectangle with width 200px, height 100px, fill color #0000FF (blue).

Expected Result

A blue rectangle sized 200x100 pixels on the canvas.

3

Step 3: Use the Ellipse tool to draw a green ellipse representing Profit.

Draw ellipse with width 150px, height 100px, fill color #008000 (green).

Expected Result

A green ellipse sized 150x100 pixels on the canvas.

4

Step 4: Use the Rectangle tool to draw an orange rectangle representing Customers.

Draw rectangle with width 150px, height 75px, fill color #FFA500 (orange).

Expected Result

An orange rectangle sized 150x75 pixels on the canvas.

5

Step 5: Label each shape with the metric name and value using the Text tool.

Add text labels near each shape: 'Sales: 1000', 'Profit: 300', 'Customers: 500'.

Expected Result

Each shape has a clear label showing the metric and its value.

6

Step 6: Arrange the shapes neatly with equal spacing for a clean dashboard look.

Align shapes horizontally with 50px space between them.

Expected Result

Shapes are evenly spaced and visually balanced on the canvas.

Final Result

Sales

↓

Profit

↓

Customers

✓Rectangles and ellipses can visually represent different metrics.

✓Color coding helps distinguish metrics quickly.

✓Proper sizing and spacing improve dashboard clarity.

Bonus Challenge

Create a combined shape using both rectangle and ellipse tools to represent a new metric with a unique visual.

Show Hint

Try overlapping an ellipse partially on a rectangle and use transparency to show both shapes.