How to write circular text in Figma?

Tutorial
3 min
Published on Mar 20, 2023
Updated on
circular text from the arc Figma plugin on a green background
Use AI to summarize this article
Key points

Here are two methods, more or less simple... to create circular text in the collaborative design tool Figma.

1. Rotate each letter one by one

Of course, that's a joke; we’re not going to do that... 🤯 Unless you have a lot of time on your hands. A lot... and patience!

In case you're interested in this method, here’s how to proceed:

  • Create a circle using the “Ellipse” tool. Keyboard shortcut: O
  • Write each letter of the word independently
  • Place each letter around the circle
  • Use the Rotate function in the “Frame” tab to rotate them
  • Repeat this action for each letter

2. Use a plugin!

gif to showcase the arc plugin on Figma with circular text

Don’t waste time; Figma plugins are here to fill in all the functionalities that are not yet available in the tool. Among these plugins, you will find one dedicated to creating circular text. It’s called the arc plugin.

  1. Add the arc plugin to Figma: using this link, click on “Install” to add the plugin to your Figma account.
  2. Open your Figma project and select your text
  3. Open the arc plugin: right-click on the canvas > Plugin > arc
  4. Make your text more or less circular using the slider on the right
  5. Click “Apply” to create your circular text
Note that you should not rely on the preview provided by the plugin if your text is long.
Thomas Labonne
Thomas Labonne
Co-founder

Suggested articles

Live thumbnail featuring Lucas Clairet and Florian Bodelot in the center, with Webflow (blue background) and Claude (orange background) logos behind them, a “LIVE” badge in the top-left, and the text “Webflow + Claude” at the bottom.
Documentation
AI

Webflow x Claude: Full Recap of our Live

Webflow x Claude: Full Recap of our Live
Agent Readiness score result for Digidop showing a score of 100 and agent-native level
Tutorial
AI

Is Your Website Ready for AI Agents?

Is Your Website Ready for AI Agents?
AI code generation interface with tool icons and an example of animated code snippet
Documentation
AI

Creating with AI: Why This Revolution Won’t Slow Down

Creating with AI: Why This Revolution Won’t Slow Down

Want to turn your website into your most valuable asset?

Contact us today