Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Figma Design – Figma Learn
  • Create designs
  • Create and edit layers

Arc tool: create arcs, semi-circles, and rings

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

Use the arc tool

Before you start

Who can use this feature

Available on any plan

Users with can edit access to a file can use the arc tool

You can use the arc tool to create shapes like pie charts, rings and broken rings.

select ellipse tool from bottom toolbar

Use the arc tool

  1. Draw a circle using the Ellipse tool.
  2. When you hover over the circle, a single handle will appear on the right-hand side. This point (0) determines where you can begin to create an arc.
  3. Click and drag the Arc handle up or down to change the sweep. This create a gap in the circle.The user clicks and drags the Arc handle on an ellipses, creating a circle with a slice/gap.

    Tip: The tooltip will indicate the sweep percentage. Dragging the handle up will produce a positive percentage, while dragging the handle down will indicate a negative percentage.

  4. Now there will be three handles shown:
    1. The Sweep indicates how complete the circle is, shown by the percentage of the circle that is filled.
    2. The Start handle (which has a dot inside it) indicates where the arc begins. The starting position of the handle is set to 0, but you can drag this around the circle to change the position of the ring.
      The user clicks and drags the Start handle on the ellipses, changing the orientation of the shape.
    3. The Ratio handle at the center of the circle allows you to change the circle to a ring. By dragging the Ratio handle around, you can determine which segment is shown (either the gap or the remaining circle), as well as the size of the ring.
      The user clicks and drags the Ration handle on the cicle, changing it into a ring.

To make a closed ring, you will need to adjust the Ratio of the arc:

  1. Drag the Sweep handle to make a pie.
  2. Drag the Ratio handle to the desired size for the ring.
  3. Drag the Sweep handle back to meet the start position, to close the ring.
The user clicks and drags the Sweet then Ratio handles on the ellipses, creating a closed ring shape.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Shape tools
  • Masks
  • The difference between frames and groups
  • Frames in Figma Design
  • Sketch on the canvas with the pencil tool
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand