Make text follow a path or a circle

I’m trying to create the text effect in this image. The odometer’s text wraps around the circle very nicely.

Imgur

Right now I have to use a plugin, but I lose the ability to edit the text afterwards and there is no preview so I have to try a few times to get the text to wrap nicely.

Sketch had a feature where if you dragged a text on top of a path it would snap to it and would follow the path. A similar feature (perhaps with a better implementation) would be very welcome on Figma.

10 Likes

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.

Text on a Path / Curved Text → Editable after creation

1 Like

Having text on path option will reduce the amount of copying and pasting custom designs from illustrator and will open more creative options when designing graphics on Figma.

5 Likes

Thanks for the idea!

We’ve merged it with two other similar feature requests from the past to gauge overall interest from the community.

2 Likes

Would like to see this feature in some future version:
float text around paths

3 Likes

Hey Figma Team,

Hope you’re all doing fabulously creative! :art: We’ve got a sizzling hot suggestion that’s been on designers’ minds – “Text on Path.” Yes, you heard it right, just like Adobe Illustrator!

What’s the Buzz? Adobe Illustrator has been flaunting this feature for years, and it’s about time Figma struts its stuff with some Text on Path magic! :magic_wand:

Why It’s a Game Changer:

  1. Flow Like Never Before: Text on Path lets designers weave text seamlessly along any curve, turning ordinary shapes into extraordinary designs.
  2. Creative Freedom: Expand your artistic horizons! Whether it’s designing logos, banners, or eye-catching headlines, Text on Path empowers you to create dynamic and visually appealing text arrangements.
  3. Consistency Is Key: Achieve pixel-perfect consistency in your text placement, ensuring your designs look polished and professional.

How It Could Work:

  1. Select Your Path: Simply draw or select a path (be it a line, shape, or custom curve).
  2. Type Away: Type your text and watch it beautifully adapt to the selected path, adjusting font size and spacing automatically.
  3. Fine-Tune Control: Give designers the power to adjust text position, spacing, and orientation along the path. Imagine the possibilities!

Why We Need It:

  • Stay Competitive: To remain the go-to design tool, Figma needs to offer features that match or exceed industry standards.
  • Workflow Efficiency: Save precious design time by eliminating the need for manual text manipulation.
  • Keep Creativity Flowing: Text on Path will encourage even more innovative and imaginative designs, driving user engagement.

Let’s Paint the Town with Text on Path! Imagine the delightful surprises designers could create with this feature – from swooping, elegant text wrapping around a logo to funky, curved text in posters. :tada:

So, Figma Team, how about turning this suggestion into a reality? Let’s give designers the superpower they deserve and make Figma shine even brighter! :star2:

Thanks for considering our suggestion, and keep up the fantastic work!

Cheers to a more fabulous Figma future!

Warmly, Idan Gezerster AKA Xc

5 Likes

Hey @Xc1, thanks for the feedback!

We’ve merged your topic with an existing, similar feature request. We’ll pass this along to our team and continue to track interest from the community using the Votes.

1 Like

@Alborz_Heydaryan1 , thanks for suggesting this already!
This is also something that I ran into on a daily basis, I normally do it manually, but it would be nice if Figma natively offered the option to do this.

3 Likes

Hi. I have stopped using Photoshop and Illustrator almost entirely since I discovered Figma. However, there is one thing that I cannot do which is absolutely necessary when trying to design logos or illustrations and that is the ability to write text over a circular or curved path.

In Photoshop this is done simply by selecting the text tool and then clicking on the stroke of a path or shape. It would be extremely handy to have a feature similar to this.

Thank you for your continuous support to the design community!

7 Likes

Agree! It would be super helpful to have this one in future updates.

1 Like

Hi there,

Thanks for the feedback! I will pass this along to the internal team. We really appreciate your voice and we hope we can improve the product in the future.

Thanks,
Toku

1 Like

Yes! Its about time Figma rolled out a curve text feature (along path or as per %), so that users don’t have to depend on plugins for such basic functionality.

Modifying typography is pretty essential, when designing web pages or mobile app experiences!

1 Like

It would be great to have possibility to create curved shape with the text directly in Figma :pray:t2:

1 Like

This would make my developers miserable. I need this feature yesterday :smiling_imp:

1 Like

Ditto. Text to path would be gravy.

1 Like

It is indeed a pretty basic feature that Figma doesn’t have, and plugins are not really working as expected ( not editable in real time, letter spacing, font type, etc,…)

1 Like

I second this feature request. Being able to write along path should be a built-in part of Figma. We shouldn’t need to resort to (sometimes buggy) plug-ins for such a basic feature.

2 Likes

I think this is the one feature that would make me move from illustrator fully to Figma for branding work.

3 Likes