Effortlessly create gradient shapes

In this Figma tutorial, I’ll show you how to create stunning gradient shapes using simple gradients, Photopea blur effects, and distortion techniques for modern, fluid visuals. Perfect for adding depth and style to your interfaces—beginner-friendly!

Video Tutorial is linked below.

Start with a basic 1000x1000 square with a black-to-white gradient. Nothing fancy yet, but this is your foundation.

⭐ Pro tip: Keep your frame at least 1000px to maintain sharp image quality throughout the process.

1️⃣ First ingredient: Shape. Try any shapes with neutral gradient.

Here's where the magic happens:

Watch those edges soften and everything start to glow. 🌟

2️⃣ Second ingredient: Blur (Radial blur is a must, but you can pair it with other kind of blur)

Want to skip ahead? 🎁 Grab the starter file

Time to get creative with distortion.

🎭 Want more drama? Try Filter → Distort → Shear and play with those curve points.

3️⃣ Third ingredient: Distortion(Any kind of transformation counts.)

Back in Figma, use gradient mapper to add your colors. This is the secret sauce that brings everything to life.

🦔 Spot any harsh edges? Add progressive blur in effects panel.

∞ This technique is endlessly remixable.

Try different base shapes, blur amounts, and distortion styles to develop your own signature look.

Grab today’s free starter file

This week, I'd like to share something that really helped me get through a tough time: keeping track of small wins.

For about a month now, I've been writing down my progress, even when it feels trivial. It started when I agreed to give a university lecture on app design. As someone who works in solitude, I needed to practice my voice, so I began doing vocal warm-ups.

My first recorded "win" was unexpected: "My singing got better after voice exercises."

I've always struggled with high notes, even on "Happy Birthday." But after some vocal practice, I could sing a Benson Boone song! ( Not with his power, obviously, but good enough to entertain myself. )

It's quite surprising how this small wins lifted my energy. When we're a little bit lost, it's really easy to stay unnoticed of those small progress we made.

So now, I start each day by singing a song 🎤. It reminds me that every bit of progress is worth celebrating.

I encourage you to try this too. What small win could you document today? Maybe you figured out that tricky animation, or a client loved your color choice, or you learned a new Figma technique😏?