How to Add Effects to Text in Figma

Updated on: October 16, 2022

It is good to feel fancy adding effects to our text, especially if we want something to stand out. So this tutorial will explain how to add effects to text in Figma.

Why is it Cool to Add Effects to Text

As we mentioned, sometimes, we want a text to stand out. It can be an important message and something we want the user to remember; it can be for visual reasons, you name it. What matters is being intentional about it. Remember that we are not designing for ourselves - it could be the case, though- but for future users that will interact with our application or website.

Adding Effects to Texts in Figma

The best to understand how effects work in Figma is to create a Design File first and then create a frame. Then, select the Text Tool and get creative. 

NOTE: Check How to Use the Text Tool if you got lost in the previous step. 

You will find the Effects menu almost at the end of the Text Menu in the right corner of the screen. If you click on it, the options will display. Now, time to get fancy.

JJHQ2mENcQ OmedWYGFeAidy8jKM3B6gQeUKNmoAGoWcN h1HwkR7L8CPLEQ0 onXdaQZuRdeuozComNk4qsJ a6t8EFYjc4XKAeojSRVBMQ3LarI2YQu9nuHc77GnZmQJNtHDj7QYqmQjCp9M5Zgk IdMijnTfcSLnJuQS0sM Kq3hgTm01Ec5QprXZ

We will describe briefly what the drop-down menu options do, ahhhhh, you thought we were talking about fancy animations and crazy flying text? No, this is not a PowerPoint presentation. In this case, adding effects is for specific purposes.

Drop Shadow: We suggest using this effect for visuals rather than emphasizing as it works nicely for titles.

Inner Shadow: Same as the Drop Shadow option, adding an inner shadow will make the text look prettier. Use it wisely.

Layer Blur: This effect will come in handy when we want to create a 3D effect, implying there will be another text layer over it.

Background Blur: This effect blurs whatever is behind the text.

So to add the effect, simply select the text layer and choose between the options. To customize any effect, click on the sun icon next to it.

OPYnLHX1nl57F7xTnZDZixPtoDXqyrKkX9yqOGtZroPgWp5URkvE7hCFkiBn5SASvdirvDWB9tHnFwR3 Apl3IzprPSLhGYWppMe73icBBgegcIL8JkgznvBPvRb83vbB6q9ZZmEPY 3FbIgBWJWFlqaDmRKzl6 wX3YWWR8RSraZ8llGRvlaMPVdrnt

And that’s it. Adding effects to the texts can be fun, just remember to keep it intentional. So stay tuned and keep exploring Figma.

Access 4,242+ video lessons. Instantly.
Start Learning Now →
crossmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram