Web Design » Figma » Can You Warp Text in Figma?

Can You Warp Text in Figma?

Last updated on January 20, 2023 @ 8:24 am

Text can be warped in Figma using the Text tool. To warp text, first, select the Text tool and then click on the text you want to warp. Next, click on the Warp icon in the toolbar that appears at the top of the screen. Or go to the Resources icon, select the Plug-in tab, and search for Warp Tools plug-in. Once you find it, click Run to start.

Run the Figma warp tools plug in

There are four different types of warps you can choose from; Arc, Arc Lower, Bulge, and Shell Lower. Each type of warp will give your text a different look. Experiment with each one to see which one you like best. Once you’ve selected a warp type, you can adjust the settings to get the look you want. The Size setting will determine how much the text is warped.

Adjust Figma warp tools plug in setting to your preferences

The Strength setting will determine how strong the warp effect is. And the Horizontal Offset and Vertical Offset settings will determine how far off-center the warp effect is.

Once you’re happy with your settings, click on the Warp button to apply the warp effect to your text.

Warp text using warp tools plug-in in Figma

PRO TIP: While Figma does have a “Text” tool, there is no way to “warp” or otherwise manipulate the text that you create with it. If you need to warp text, you will need to use a different program.

Similarly, you can manually create a warp to your text in Figma through the Outline Stroke tool. Simply right-click on the text you want to warp and select the tool from the menu.

Right click on the text and click FIgma outline stroke tool

Outline handles will now appear in your text. Just drag these handles around and adjust them to your preferences.

Manually warp the text outline in Figma

You can copy and paste the previous text and create another style if you want.

Manually warp text to your preferences in Figma by dragging the outline handles

Once you’re satisfied, double-click anywhere in your Figma canvas to exit from the warp outline editing.

Custom warp text in Figma

Conclusion: You can definitely warp text in Figma – just use and play around with it until you get your desired result!

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.