How to Make Curved Text in Figma Without a Plugin
Curved text is useful for logos, badges, posters, social media graphics, stickers, circular labels, and creative UI designs. In older versions of Figma, designers often needed a plugin or a workaround to create this effect.
That has changed.
Figma now has a native Text on a path feature, so you can make text follow a circle, arc, brush stroke, or another vector path without installing a plugin. Figma says the feature lets text follow vector objects such as shapes and custom paths, and you can adjust its starting position and orientation.
This guide explains the current method step by step.
What Is Curved Text in Figma?
Curved text is text that follows a non-straight line instead of appearing in a normal horizontal or vertical line.
For example, you might want:
- Text around a circular logo
- An arched headline
- Text following a wave
- A curved badge label
- Text around an icon
- A circular sticker design
- Decorative text for social media graphics
The important point is that curved text is not simply rotated text. Each letter follows the direction of the underlying path.
Can You Make Curved Text in Figma Without a Plugin?
Yes.
Recent versions of Figma include a native Text on a path tool. Figma officially documents this feature in its current Figma Design help documentation.
Figma also confirmed that native text-on-path support was launched with the Figma Draw release in May 2025.
So, if you see older tutorials saying that you must install a plugin, they may now be outdated.
How to Make Curved Text in Figma Without a Plugin
The basic process is simple:
Create a path → Select Text on a path → Place the text on the path → Adjust the position and orientation.
Let's go through it.
Step 1: Open Your Figma File
Open Figma and create a new design file or open an existing project.
Create a frame where you want your curved text.
For example:
- Instagram post
- Logo
- Website hero section
- Poster
- YouTube thumbnail
- App graphic
For your first experiment, I recommend creating a frame around 800 × 800 pixels. A square canvas makes circular text easier to understand.
Step 2: Create a Circle or Other Path
You need a vector path for your text to follow.
For circular text, select the Ellipse tool.
You can also press:
O
Draw a circle on the canvas.
You don't necessarily need a perfect circle for every design. You can also create:
- An arc
- A curved line
- A wave
- A custom Pen Tool path
- Another vector shape
Figma's native feature supports text following paths created from vector objects.
Example
Imagine you want:
WELCOME TO MY DESIGN STUDIO
around a circle.
First create the circle. This circle becomes the path that controls the shape of your text.
Step 3: Choose the Text on a Path Tool
This is the most important step.
Select Text on a path from Figma's toolbar.
Then move your cursor over the edge of your vector path.
When Figma recognizes the path, the cursor changes to indicate that you can place text on it.
Click the path.
Now type your text.
For example:
WELCOME TO MY DESIGN STUDIO
The text will automatically follow the circle.
That's it.
No plugin is required.
Step 4: Adjust Where the Text Starts
Your first result may not be positioned exactly where you want it.
That's normal.
Figma provides a blue handle that allows you to control where the text begins on the path.
Drag the handle around the path until the text reaches the desired position.
This is particularly useful for logos and badges.
For example, you can move the text from the top-left area of a circle to the exact center of the top arc.
Step 5: Flip the Curved Text
Sometimes the text appears on the wrong side of the circle.
For example, you may want:
WELCOME
on the outside/top of the circle, but Figma places it on the inside/bottom.
Don't recreate the text.
Select the text-on-path layer and look in the Typography section of the right sidebar.
Use:
Flip text orientation
Figma specifically provides this option for moving the text to the other side of a path.
This is one of the easiest ways to correct upside-down or incorrectly oriented curved text.
How to Create an Arched Text Effect
You don't have to use a complete circle.
An arc is often better for:
- Website headings
- Posters
- Event graphics
- Social media designs
- YouTube thumbnails
- Hero sections
Method
- Create a vector path.
- Use the Pen Tool to create a curved line.
- Select Text on a path.
- Hover over the curve.
- Click the path.
- Type your text.
- Adjust the blue starting handle.
- Change the font and spacing.
This gives you a much more natural arched headline.
How to Make Text Follow a Custom Curve
This is where the native Figma feature becomes especially useful.
You can create a custom curve instead of using a circle.
For example, imagine this shape:
~~~~~~~
You can create the curve with the Pen Tool.
Then place text on that path.
This can be useful when designing:
- Hand-drawn graphics
- Flow diagrams
- Creative advertisements
- Decorative illustrations
- Custom logos
- Editorial designs
Figma's documentation specifically describes text following curves, circles, and custom shapes.
How to Make Circular Logo Text
Circular logos are one of the best uses for this feature.
Suppose you're designing a logo for a fictional brand called:
NORTH STAR DESIGN
You could put:
NORTH STAR DESIGN
around the upper half of a circle.
Then place a logo symbol or icon in the middle.
Basic structure
- Circular path
- Curved brand name
- Central logo
- Optional bottom curved text
- Balanced spacing
Keep the letters readable.
Don't make the curve extremely tight.
A logo may look attractive at 500% zoom but become difficult to read when reduced to a small size.
How to Make Text Curved Around a Circle
For text that needs to wrap around most or all of a circle, create a circular vector path and add the text to it.
Then adjust the starting position using the blue handle.
If you want text on the opposite side, use Flip text orientation.
You can also create separate paths if you want different text sections.
For example:
TOP:
"CREATIVE DESIGN"
BOTTOM:
"EST. 2026"
This can produce a classic badge or seal appearance.
How to Make Curved Text More Readable
Making text curved is easy.
Making it look good requires more attention.
Here are some practical tips.
1. Don't Use an Extremely Tight Curve
A small circle creates aggressive letter rotation.
The result can become difficult to read.
For longer sentences, use a larger radius.
2. Choose a Simple Font
Sans-serif fonts are usually easier to read on curves.
Try fonts such as:
- Inter
- Roboto
- Open Sans
- Helvetica-style sans-serif fonts
- Other clean UI fonts
Decorative fonts can work, but they require more care.
3. Adjust Letter Spacing
If the letters look crowded, increase the letter spacing slightly.
This can make circular text feel cleaner.
However, don't increase spacing too much.
There should still be a visual connection between the letters.
4. Avoid Very Long Sentences
Curved text works best with relatively short messages.
Instead of:
"Welcome to our complete professional creative design and digital experience studio"
consider:
"CREATIVE DESIGN STUDIO"
Shorter text usually produces a stronger visual result.
Can You Still Edit Curved Text?
Yes.
This is one of the biggest advantages of using Figma's native text-on-path feature.
You can edit the text content and adjust typography properties while working with the text path. Figma's documentation explains that text layers on paths can be edited and styled through the right sidebar.
This makes the native approach much more convenient than older workflows that converted text into vector outlines.
What If the Text Appears Upside Down?
This is a common beginner problem.
Don't delete the text.
Try this:
- Select the curved text.
- Open the Typography settings.
- Find Flip text orientation.
- Select it.
- Reposition the text with the blue handle.
That should move the text to the opposite side of the path.
What If the Text-on-Path Cursor Doesn't Appear?
Check the object you're trying to use.
The text-on-path feature requires a suitable vector path.
If you're hovering over a normal raster image, for example, Figma cannot use the image itself as a text path.
Try creating a fresh:
- Ellipse
- Pen Tool path
- Vector shape
- Line
Then try the Text on a path tool again.
Also make sure you're using a current version of Figma.
What Happened to the Old Plugin Method?
Before native text-on-path support, many designers used plugins or manual techniques.
Older tutorials commonly recommended:
- Arc plugins
- Curve Text plugins
- Text-on-path plugins
- Manually rotating individual letters
- Creating curved text in another application and importing it
Those techniques can still be useful in specific situations.
But for ordinary curved text, I would use Figma's native Text on a path feature first.
It is simpler, keeps the workflow inside Figma, and avoids plugin installation.
Native Figma vs Plugin: Which Is Better?
| Feature | Native Text on a Path | Plugin |
|---|---|---|
| Installation | Not required | Usually required |
| Text follows path | Yes | Yes |
| Circle text | Yes | Yes |
| Custom paths | Yes | Depends on plugin |
| Editable text | Yes | Depends on plugin |
| Simple workflow | Excellent | Varies |
| Best for beginners | Yes | Sometimes |
| Extra effects | Limited | May offer more |
For most everyday design work, I recommend starting with the native tool.
My Recommended Workflow
If I were creating curved text for a real project, I would use this workflow:
1. Create the frame
Start with the final design dimensions.
2. Create the path
Use a circle for circular text or the Pen Tool for custom curves.
3. Add text on the path
Use Figma's native Text on a path tool.
4. Select an appropriate font
Prioritize readability.
5. Adjust letter spacing
Give the letters enough breathing room.
6. Position the starting point
Use the blue handle.
7. Flip the orientation if necessary
Use the Typography controls.
8. Check the design at normal size
Don't judge the design only while zoomed in.
9. Export
Choose the appropriate format for your project.
Creative Uses for Curved Text
Once you understand the basic technique, you can use it in many designs.
Logo Design
Create professional-looking circular logos and seals.
Social Media Graphics
Use curved headlines around photos or illustrations.
Event Posters
Create decorative arcs around event information.
Badges
Curved text works particularly well for stickers and achievement badges.
UI Design
Use subtle curved labels as decorative elements.
YouTube Graphics
A curved title can help a thumbnail stand out without adding too many visual elements.
Educational Graphics
Curved labels can point around diagrams or illustrations.
Is Curved Text Good for Modern Web Design?
Yes, but moderation matters.
Curved text is visually interesting because it breaks the predictable horizontal layout.
However, I wouldn't use it for every heading.
Straight text is usually better for important information because it is faster to scan.
I see curved text as a visual accent rather than a replacement for normal typography.
For example:
Learn Graphic Design
CREATIVE • SIMPLE • PRACTICAL
The main heading can remain straight while the smaller decorative text follows a curve.
That creates visual hierarchy without sacrificing readability.
Common Mistakes to Avoid
❌ Making the curve too tight
Letters become difficult to read.
❌ Using too much text
Curved text is not ideal for paragraphs.
❌ Using too many fonts
Keep typography consistent.
❌ Ignoring letter spacing
Crowded letters can make even a good design look amateur.
❌ Forgetting mobile sizes
A curve that looks good on a desktop canvas may become difficult to read when scaled down.
❌ Following outdated tutorials
Some older Figma tutorials still recommend plugins because native text-on-path support wasn't available when they were published.
Final Thoughts
Learning how to make curved text in Figma without a plugin is much easier today than it used to be.
The most important change is Figma's native Text on a path feature. You can create a circle or custom vector path, select the Text on a path tool, add your words, and adjust the position with the available controls.
My advice is simple: start with a large, simple curve and short text. Once you understand how the path, starting position, orientation, font, and spacing work together, you can create much more complex designs.
The future of design tools is moving toward more native, visual workflows. Features that once required plugins or external applications are increasingly becoming part of the main design experience. For beginners, that's good news because there are fewer tools to learn and fewer compatibility problems to worry about.
If you're learning Figma, practice with three projects: a circular logo, an arched headline, and a custom curved label. Those exercises will teach you most of the fundamentals.
Ready to try it? Open Figma, draw a circle, select Text on a path, and create your first curved headline.
For the official instructions, see . Figma also provides an official example showing text added to a circular vector path.
Disclaimer
Disclaimer: Figma's interface and features can change over time. The instructions in this guide reflect the current native Text on a path workflow available in recent versions of Figma. If your interface looks different, check Figma's official documentation for the latest controls and feature availability.
0 Comments