Back to Plugins
Gradient Replacer

Gradient Replacer

Convert gradients to solid colors with smart options

flattentransformbatchdesignsimplifygradientcleanupcolorproductivityoptimizesolidconversion

Plugin Preview

Gradient Replacer preview

About this plugin

Gradient Replacer


Helps you clean up your designs by converting gradients to solid colors with intelligent options. Perfect for simplifying designs, improving handoff, or meeting brand guidelines.


🚀 Key features:


  1. Convert all gradients on a page or just selected elements
  2. Three smart conversion options:
  3. Pick from the predefined palette
  4. Use the dominant color from each gradient
  5. Choose your own custom color
  6. Batch process multiple gradients at once
  7. Preserves original opacity values
  8. Works with all gradient types (linear, radial, angular, and diamond)


🧐 How to use:


  1. Select elements or leave unselected to process entire page
  2. Choose your preferred conversion method
  3. Click "Replace Gradients" to convert


Pro tip: Use the dominant color option to maintain the closest match to your original designs.


–––––––––––


🙌 Enjoy!

Like my stuff? Consider buying me a coffee (BMAC or Ko-fi) so I can develop more projects 😘 ☕️

Plugin Details

Version2
CreatedNovember 15, 2024
Last UpdatedNovember 27, 2024
Categoryediting & effects plugins
CreatorDarek
Stats22 installs, 7 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none