How to Warp Text in Figma
- George Apostolov
How to Warp Text in Figma: step-by-step guide
Inside your Figma design canvas, find and click the text you wish to warp.
Following that, go to the bottom section and tap 'Actions'.
Search for 'Warp It' and select it from the suggested results.
Next, grab the 'X' icon and drag it to your desired position. Repeat the same procedure until you achieve your desired result.
Once done, click 'Apply Results' to proceed.
After completing these steps, the warp effect will be added to the selected text layer.
Quick answer: To warp text in Figma, click your text, tap Actions at the bottom, and select 'Warp It'. Drag the 'X' icon to position the warp as desired, repeat until finished, and click 'Apply Results' to add the warp effect to the text layer.
About this Figma tutorial
Add custom warp effects to text in Figma quickly by selecting your text, applying the Warp It action, and adjusting the X icon. This guide shows how to warp Text in Figma in 6 steps, starting with "Inside your Figma design canvas, find and click the text you wish to warp" and finishing with "After completing these steps, the warp effect will be added to the selected text layer". The interactive demo above is a click-through copy of the real Figma interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to warp Text in Figma?
6 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Figma data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Figma. Related guides: How to Wireframe in Figma, How to Zoom in or out on the Designs in Figma and Framer Figma Integration. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
