Web Design » Figma » How Do I Make Text Follow a Path in Figma?

How Do I Make Text Follow a Path in Figma?

Last updated on September 29, 2022 @ 10:42 am

When it comes to design, there are a few key principles that you should always keep in mind: simplicity, contrast, and alignment. One way to make your designs more interesting and dynamic is to use text that follows a path.

This can be a great way to add visual interest to your designs, and it’s also relatively easy to do in Figma. In this article, we’ll show you how to make text follow a path in Figma.

Step One:
Create your text box using the Text tool. Then, use the Pen tool to draw the path you want your text to follow. Make sure that the path you draw is selected before you start typing.

PRO TIP: If you are not careful, you can easily create a text box that is too small for your text. When this happens, your text will be cut off and you will have to resize the text box.

Step Two:
Once you’ve created your path, you can adjust the alignment of your text using the alignment options in the top toolbar. You can also change the spacing between letters using the kerning options.

Step Three:
If you want to change the shape of your path, you can do so by clicking on the anchor points and dragging them around. You can also add new anchor points by clicking on the path with the Add Anchor Point tool.

Conclusion:
Text that follows a path can be a great way to add visual interest to your designs. It’s easy to do in Figma, and it gives you a lot of control over the look of your design. Try experimenting with different paths and alignments to see what works best for your design.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.