Figma gradients with customizable color variables.

“Gradients with variables” offers a clever solution for handling gradients with variables. It addresses a common challenge in design systems where gradients can’t be directly converted into color variables.

This design file is packed with practical tools, including a Gradient Background component with multiple variants for linear and radial gradients, allowing for both single-color and multi-color fills. It also provides key components like buttons, cards, sections, gradient text, icons, and shapes, showcasing how gradients can be used effectively.





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.