How Do You Get Neon Effect in Figma?

Figma is a powerful design platform that allows users to collaborate on and create stunning visuals. It’s no wonder, then, that many designers are looking for ways to add a neon effect to their creations.

Fortunately, Figma makes it easy to achieve this look.

The first step to creating a neon effect in Figma is to choose your colors. You can either use the color picker or pick from the pre-defined palette of colors.

For this type of effect, it’s best to use bright and vibrant colors such as reds, oranges, yellows and greens.

Next, you’ll need to add some texture to your design. One way to do this is by using a textured brush tool.

This will allow you to add some subtle texture and depth to the design without making it look too busy or overwhelming.

Once you’ve chosen your colors and added texture, you’re ready to start adding the neon effect itself. This can be done by using a combination of fills and strokes in Figma’s shape tools.

To get started, select the shape tool and create a shape with the desired color and texture. Then, add a stroke around the shape with a slightly brighter color.

Finally, give your shape some depth by adding an outer glow or inner glow effect with a bright color. This will give the illusion of light being emitted from within the shape itself.


Getting a neon effect in Figma doesn’t have to be difficult or time-consuming. By selecting vibrant colors, adding texture and adding glows around shapes, you can quickly add an eye-catching neon effect that will make any design stand out.