How to Create a Star Shape in Figma Quickly
In Figma, create a star by selecting the
Polygon Tool from the shape tools, then clicking on the canvas and adjusting the number of sides to 5. Enable the Star option in the properties panel to turn the polygon into a star shape.Syntax
To create a star in Figma, use the Polygon Tool and set the number of sides and star option.
- Polygon Tool: Select from the shape tools.
- Number of Sides: Set to 5 for a classic star.
- Star Option: Toggle this on to convert the polygon into a star shape.
- Radius Handles: Adjust inner radius to change star sharpness.
text
1. Select Polygon Tool (Shortcut: Shift + P) 2. Click and drag on canvas 3. In right panel, set Sides = 5 4. Toggle 'Star' option ON 5. Adjust inner radius slider to shape star points
Example
This example shows how to create a 5-point star and customize its inner radius for sharper points.
text
1. Press Shift + P to select Polygon Tool 2. Click and drag on canvas to create polygon 3. In properties panel, set Sides to 5 4. Check the 'Star' checkbox 5. Use the inner radius slider to adjust star point sharpness
Output
A 5-point star shape appears on the canvas with adjustable sharp points.
Common Pitfalls
Common mistakes when creating stars in Figma include:
- Not toggling the
Staroption, resulting in a regular polygon instead of a star. - Setting the number of sides incorrectly (e.g., less than 3 or too many), which distorts the star shape.
- Not adjusting the inner radius, causing the star points to look too blunt or too sharp.
Always check the properties panel after drawing the polygon to ensure the star option is enabled and sides are set correctly.
text
Wrong: 1. Select Polygon Tool 2. Set Sides to 5 3. Do NOT toggle Star option Right: 1. Select Polygon Tool 2. Set Sides to 5 3. Toggle Star option ON
Quick Reference
Summary tips for creating stars in Figma:
- Use Shift + P to quickly select the Polygon Tool.
- Set Sides to 5 for a classic star.
- Toggle the Star checkbox to switch from polygon to star.
- Adjust Inner Radius slider to control point sharpness.
- Hold Shift while dragging to keep star proportions uniform.
Key Takeaways
Use the Polygon Tool and set sides to 5 to start creating a star.
Toggle the Star option in the properties panel to convert the polygon into a star shape.
Adjust the inner radius slider to control how sharp or blunt the star points appear.
Holding Shift while dragging keeps the star's proportions even.
Always verify the Star option is enabled to avoid creating a regular polygon.