How to Curve Text in Figma
Follow these steps to curve your text in Figma using the Curve Text plugin. This guide will walk you through the process step by step, ensuring you can add stylish curved text to your designs effortlessly.
Create Your Text – Select the Text Tool (T) from the toolbar or press
T
on your keyboard. Click anywhere on the canvas and type your text.Convert Text to Path – After typing your text, select it, and then go to the top menu and click on Object > Flatten or press
Ctrl + E
(Windows) orCmd + E
(Mac). This will convert the text into vector shapes.Draw the Path – Select the Pen Tool (P) or press
P
to create the path you want the text to follow (e.g., an arc or curve). Draw the shape on the canvas.Align Text to the Path – Select both the flattened text and the path. Then, go to Plugins > Text on Path (you’ll need to install this plugin if you haven’t already).
Adjust the Curvature – You can now adjust the curve of the path, and the text will follow it. You can tweak the placement of the text and adjust the curve further as needed.
Done – Your text is now curved along the path, and you can make further adjustments to size, style, and positioning.