How to Type on a Vector Path in Figma
In this article
Adding text along curved or custom vector paths can transform your designs with dynamic typography effects. Figma's text-on-path feature allows you to wrap text around any vector shape, creating flowing headlines, circular badges, and artistic text layouts.
This tutorial walks you through the complete process of linking text to vector paths in Figma, from selection to final configuration. You'll learn how to use Figma's built-in Actions menu to create professional curved text effects in just a few clicks.
Here's how to type on a vector path in Figma
- Locate and select both your text layer and the vector path you want to use within your Figma canvas.
- Navigate to the bottom panel of your Figma interface.
- Click on the 'Actions' button in the bottom section.
- Type 'To Path' in the search field and select it from the dropdown options.
- Adjust the available settings to match your design requirements.
- Click the 'Link' button to apply the text to your vector path.
Your turn to show how it works.
Build a walkthrough of your product with Saltfish, then share it with your customers.
Frequently Asked Questions
Yes, you can use any vector path or shape as a text path in Figma, including custom drawn paths, basic shapes like circles and rectangles, or complex vector illustrations. The text will follow the contours of whatever vector path you select.
Figma
