Back to Plugins
Figma Gradients

Figma Gradients

Create and customize gradients in Figma Design

Plugin Preview

Figma Gradients preview

About this plugin

Figma Design has built-in tools for creating linear, radial, and angular gradients—no plugins needed. Adjust color stops, opacity, and angle directly in the properties panel. Want to explore premade gradients or generate CSS? Check out the Gradient Generator at figma.com/gradient-generatorImportant: This plugin only works when launched from figma.com/gradient-generator. It requires HEX values that are passed in from the website and will not function if run directly inside Figma.

Plugin Details

Version6
CreatedJanuary 28, 2026
Last UpdatedMarch 3, 2026
Categoryeducation-other
CreatorFigma Community
Stats18 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://static.figma.com