Figma gradient tutorial image with step-by-step guide.

Dmitry Kurash shares a visual tutorial on creating a smooth gradient effect in Figma. The tutorial outlines four key steps: drawing an outline shape, applying radial gradients, adding effects and blur, and placing the final design inside a card with a color burn blend mode.

The tutorial also provides additional tips, such as using the same gradient for a glowing card effect and applying noise overlays for added texture. By presenting all the necessary details in a single image, it serves as a quick reference for designers looking to create smooth, layered gradients in Figma.

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.