How to Curve Text in Figma: Easy Typography Tips

For years, bending type in Figma meant installing a plugin and hoping the result held up. That changed in 2025, when text on a path arrived as a real layer type.

It ties a string of characters to vector geometry. The type then follows a circle, a shallow arc, a pen squiggle you drew badly at 11pm, and it stays live editable text the entire time. No export step, no flattening.

Figma pushed it further on January 26, 2026, in Version 1, Update 123, when the Plugin API gained a method for creating path text nodes from code (Figma, 2026).

What Is Text on a Path in Figma?

Figma reads the geometry of a vector object and runs your characters along it. That’s the feature in one sentence.

It lives inside Figma Design and Figma Draw as a text layer type. Not a filter, not an effect you apply afterward.

A few assumptions worth clearing up. It isn’t a plugin you have to install, and it isn’t a warp applied to already-flat vector shapes. Logos are where most people first meet it, but nothing about the tool is logo-specific.

Adobe Illustrator has carried a dedicated Type on a Path tool since Illustrator 3 introduced it in 1990, three years after the program’s original release, so the underlying idea is old.

Figma’s version is the newcomer. Its Guide to text in Figma Design documentation was last updated June 19, 2025, and lists typing on a path as a standard part of the text tool workflow.

Developers get at it too. Figma exposes the layer type as a TextPathNode object through the Plugin API, documented on developers.figma.com and still marked beta.

How Does Curving Text on a Path Work in Figma?

Instead of a straight baseline, Figma uses the vector’s own line. The characters sit on that.

An ellipse works. So does a freeform pen line, or a brush stroke you drew with the pressure pen. Open paths and closed paths both take text, which is why one tool handles a gentle arc and a full circular badge without any mode switching.

Here’s the part that catches people out the first time: when the text layer gets created, the original vector object’s fill and effects transfer straight onto the text. If your circle was neon green, your type is now neon green.

Restyle it from the right sidebar afterward. Color, stroke, whatever you need.

Figma’s help documentation walks through the exact process of typing text directly onto a vector path in more depth, including how it behaves with brush strokes.

Setting the Start Point With the Blue Handle

Select a path text layer and a small blue handle shows up.

Drag the handle to move where the string begins. Left pulls it toward the start of the path, right pushes it toward the end.

Nothing else moves. Only the starting point.

Flipping Text to the Other Side of the Path

Text lands on one side of the path by default, and that side is frequently the wrong one.

The toggle you want sits in the Typography section of the right sidebar, labeled Flip text orientation.

You’ll need it when text on a closed circle comes out upside down, or when a badge needs the string running along the outer edge rather than the inner one. It also fixes the case where you mirrored or rotated the underlying path and the type stubbornly stayed put.

How to Curve Text Using Figma’s Native Text Tool

Four clicks. No plugin install, no export.

1. Select the text tool from the toolbar, or press the T key
2. Hover the cursor over the path of a vector shape or brush stroke until the path-text cursor icon appears
3. Click once to place a new text layer, then type your string directly onto the curve
4. Open the Typography section in the right sidebar to adjust size, weight, and spacing once the text sits on the path

Editing afterward is the usual click-and-type routine, identical to how you’d edit text content in Figma on any ordinary layer.

Typeface order doesn’t matter, before or after placement. But if the font isn’t loaded yet, add the font to your Figma library first, otherwise the curve falls back to a system font and looks wrong in a way that takes a minute to diagnose.

One hard limit worth knowing early. A string longer than the path clips at the end. It won’t wrap to a second line, so short paths need short copy.

Text on a Path vs Curve Text Plugins: Which Should You Use?

You’ve got the native path tool, a bending plugin, and manual vector editing. Each one gives up editability somewhere different in exchange for control.

When the Native Tool Wins

Use the native tool whenever the words might still change.

That covers variable copy like a product name or a badge label, and it covers any file sitting in Figma Design or Figma Draw. Reshape the path later and the curve updates on its own, which is the real reason I default to it.

Costs nothing extra. It ships with every plan that includes editing access.

When a Plugin Wins

Plugins cover what the built-in tool skips, mainly full circular text presets and bend styles you’d otherwise fake by hand.

The catch is permanent. A plugin gets you a complete circular wrap around a badge or seal much faster, then flattens the text into a vector shape the moment you apply it. From there the string is no longer text and no longer editable.

So treat the plugin as a finishing step. Not a first draft.

When Manual Vector Editing Wins

The pen tool earns its place only when a logotype needs letterforms no automated curve can produce.

Converting text to vector paths and reshaping anchor points by hand gives full control over each character, at the cost of losing editable text entirely. Good for a finished logo mark nobody touches again. Terrible for anything that’ll get a copy update next sprint.

Once outlined, the string is a shape, not a sentence.

How to Bend Text With a Figma Plugin

Plugins live in Figma Community and run inside the file once installed.

Select a text layer first, then open the plugin from the Resources icon or the Quick actions menu.

Bending Text With ARC – Bend Your Type!

ARC – Bend your type! is free and does exactly one thing.

Two sliders run the whole plugin. Bend Strength controls how tight or shallow the curve pulls, and Preview Zoom just lets you inspect the result closely before you commit to it. Click Apply to confirm.

That’s the point of no return. The text becomes a vector shape, so if the bend looks off, stepping back through your undo history is the quickest route back to plain editable text.

Bending Text With Arc Bend Pro

Arc Bend Pro handles more from one panel: text, images, and shapes.

Open it from Quick actions in the bottom toolbar, click the text element on the canvas to pick your target, then hit Create to generate the bent version.

Because it bends more than type, it’s the better pick when a badge needs its curved shape and curved text to match each other.

How to Curve Text by Converting It to Vector Paths

The manual route. No plugin, no native path tool, just the pen tool and patience.

Converting Text to Vector Paths

Select the text layer, right-click, choose Outline stroke. The characters become vector paths.

Every letter turns into its own closed shape and the layer stops behaving like a text node in any way. Spelling fixes and font swaps are off the table from that point unless you start over.

There’s no undo path back to live text once you’ve moved on, so duplicate the original layer before you do this. Obviously.

Reshaping Anchor Points Along a Curve

Switch to the pen tool and drag each letter’s points along the curve you’re after.

Going letter by letter keeps spacing even, and spacing matters far more on a tight curve than a shallow one. Nudge in small increments, because a large drag distorts the letterform in ways that are hard to spot until you zoom out. Group letters as you finish them so earlier work doesn’t shift under you.

Slow. It’s also the only method that gives a genuinely hand-lettered result.

Where Can You Curve Text in Figma?

Which product you’re in decides this, not which plan you pay for.

Figma Design and Figma Draw both carry the native path text tool. FigJam and Figma Slides do not.

Key figures:

• Text on a path works on any team or organization plan, not just paid tiers (Figma Learn)
• Figma Draw launched at Config, Figma’s product conference, on May 7, 2025, with text on a path included among its day-one tools (Figma, 2025)
• Figma expanded the feature again in April 2026, adding a dedicated path text tool, instant drag-to-circle text creation, and independent text and vector layers (Figma, 2026)
• FigJam and Figma Slides do not include the path text tool as of this writing

That same release also brought auto layout into Draw, a responsive-frame feature that used to be Figma Design only. Reads like the product is being pointed at production work rather than sketching.

If your file lives in FigJam or Slides, the tool isn’t there at all. Build the curved type in Design or Draw and paste the result across.

When Does Curved Text in Figma Not Work?

Two limits are worth knowing before you build a system around this. Neither is a bug. Both are confirmed gaps in what the feature currently does.

• No background fill: a curved layer can’t take a fill sitting behind it the way a regular frame can
• No multi-line wrapping: the layer follows the path as one continuous line of type, so the fixed-size text box mode used for paragraphs doesn’t apply here

For ordinary text, Figma’s documentation says the fix is adding the layer to a frame and updating the frame’s fill instead.

Figma’s own support team confirmed in an August 2026 forum reply that this workaround does not extend to path text, and logged the gap as separate feedback for the product team.

Add the product gap from earlier and you’ve got the full picture. FigJam and Slides still don’t carry the tool.

What Common Mistakes Break Curved Text in Figma?

Almost every problem with path text comes down to timing rather than the tool.

Figma’s troubleshooting guide traces both the missing-font alert and the layers that reformat themselves mid-edit back to editors running different versions of the same font. Took me a while to believe that was really the cause.

The plugin one is self-inflicted. Since applying the plugin flattens the layer, as covered earlier, anything you type afterward won’t re-curve on its own.

Lock the wording before you reach for ARC or Arc Bend Pro. Not after.

Should You Convert Curved Text to Outlines Before Handoff?

Usually no, and not until the last responsible moment. Two things back that up.

Figma expanded its Plugin API on January 26, 2026, adding a dedicated method, figma.createTextPath(), along with a TextPathStartData type for scripting exactly where the text starts. That gives teams a code-level way to generate or adjust curved text without touching the pen tool at all.

Independent documentation of Figma’s export format has also noted that SVG exports generally convert text layers into vector paths rather than a native, selectable text element, regardless of which curving method produced them.

Which undercuts the usual argument for outlining early. If the export flattens text anyway, you gained nothing and lost your editable layer.

One case still justifies it. Shipping a static asset, a print-ready badge for instance, to a system where the font isn’t guaranteed to be installed.

Same logic that runs through developer handoff in Figma applies here. Hand over the live layer and let whoever needs a static file flatten it themselves.

And if a developer wants the literal string rather than a shape, pulling it through Dev Mode beats trying to read it out of an exported file.

FAQ on How To Curve Text In Figma

Can You Control Text on a Path Through the Figma Plugin API?

Yes. Figma exposes it as a TextPathNode object with properties like textPathStartData and vectorPaths, plus the figma.createTextPath() method added in Version 1, Update 123 (Figma, 2026).

Both are still labeled beta, so scripted behavior will shift as the API moves.

Is There a Real Difference Between Curved Text and Text on a Path?

Mostly a naming thing. Curved text describes what you see. Text on a path is Figma’s name for the specific tool that produces it.

Plugin-bent type and hand-outlined letters are curved text too, but only the native layer type gets called text on a path.

Can You Animate or Prototype Curved Text in Figma?

Prototyping treats a path text layer like any other layer, so Smart Animate and standard transitions work on it.

What you don’t get is animation of the curve itself. Motion along the path means manual keyframing through interactions, or a plugin.

Do Variable Fonts Work With Text on a Path?

They do, and they behave no differently than on straight text. Figma reads the font’s registered axes directly.

Weight, width, and optical size sliders in the Typography section keep adjusting the curved string in real time.

What Should You Master First With Text on a Path in Figma?

There’s a sensible order to learn this in, and skipping ahead just wastes time.

Start with the native path tool for everyday labels and badges. Then get comfortable with the blue handle and Flip text orientation, since placement is where most of the fiddling happens. Plugins and manual vector edits come last, only when the native path genuinely can’t do the job.

Worth sitting with the timeline for a second. Illustrator shipped type on a path in 1990. Figma’s documented rollout lands by June 19, 2025. That’s 35 years design teams spent without a native equivalent inside Figma.

Once a curved badge or logotype earns a permanent spot in a design system, the next skill worth building is turning it into a reusable component so the curve stays consistent everywhere it shows up.