How to Create Polygon in Figma: Step-by-Step Guide

To create a polygon in Figma, select the Polygon Tool from the shape tools in the toolbar, then click and drag on the canvas to draw your polygon. You can adjust the number of sides by changing the sides property in the right sidebar while the polygon is selected.

Syntax

In Figma, creating a polygon involves using the Polygon Tool. The main properties you control are:

• Number of sides: Defines how many edges the polygon has.
• Radius: Controls the size of the polygon.
• Corner radius: Rounds the corners if desired.

You create the polygon by clicking and dragging on the canvas, then adjust properties in the right sidebar.

text

1. Select the Polygon Tool from the toolbar (shortcut: press 'O' and then select Polygon).
2. Click and drag on the canvas to draw the polygon.
3. With the polygon selected, go to the right sidebar.
4. Change the 'Sides' number to set how many edges the polygon has.
5. Adjust size by dragging or entering values.
6. Optionally, set 'Corner Radius' to round corners.

Example

This example shows how to create a hexagon (6-sided polygon) in Figma:

• Select the Polygon Tool.
• Click and drag on the canvas to create a shape.
• In the right sidebar, set Sides to 6.
• Adjust size as needed.

text

1. Press 'O' to open shape tools.
2. Choose Polygon.
3. Click and drag on canvas.
4. In right sidebar, set Sides = 6.
5. Resize polygon by dragging corners.

Output

A six-sided polygon (hexagon) appears on the canvas, sized as dragged.

Common Pitfalls

Some common mistakes when creating polygons in Figma include:

• Not selecting the Polygon Tool and trying to draw polygons with the Rectangle or Ellipse tools.
• Forgetting to adjust the number of sides, resulting in default triangles.
• Dragging too quickly or holding Shift incorrectly, which can distort the shape.
• Not using the right sidebar to fine-tune the polygon properties after drawing.

Always check the Sides property after drawing to get the polygon shape you want.

text

/* Wrong way: Using Rectangle Tool to try polygon */
// This creates a rectangle, not a polygon.

/* Right way: Use Polygon Tool and set sides */
// Select Polygon Tool -> Draw -> Set sides in sidebar.

Quick Reference

Action	Description	Shortcut/Location
Select Polygon Tool	Choose polygon shape tool from toolbar	Press 'O', then select Polygon
Draw Polygon	Click and drag on canvas to create shape	Mouse drag
Set Number of Sides	Adjust polygon edges count	Right sidebar 'Sides' input
Resize Polygon	Change polygon size	Drag corners or enter size values
Round Corners	Set corner radius for smooth edges	Right sidebar 'Corner Radius' input

Key Takeaways

Use the Polygon Tool from the toolbar to create polygons in Figma.

Adjust the number of sides in the right sidebar to change the polygon shape.

Click and drag on the canvas to draw the polygon and resize it as needed.

Use the corner radius property to round polygon corners if desired.

Avoid using other shape tools when you want polygons; always use the Polygon Tool.