Distribute Gradient Stops

About this plugin

DescriptionDistribute Gradient Stops is a simple yet powerful Figma plugin that helps designers achieve evenly spaced gradient stops with a single click. Whether you're working with linear, radial, angular, or diamond gradients, this plugin ensures your color transitions are mathematically perfect and visually balanced.The plugin works on both gradient fills and gradient strokes, and can process multiple selected objects simultaneously, including nested elements within groups and frames.FeaturesUniversal Gradient Support: Works with all gradient types (linear, radial, angular, diamond)Batch Processing: Process multiple objects at onceNested Element Support: Automatically processes children within groups and framesLive Preview: See changes before applying themNon-Destructive: Cancel anytime to revert changesㅤㅤHow to Use➊ Select ObjectsSelect one or more objects in your Figma file that contain gradients. The plugin works with:Objects with gradient fillsObjects with gradient strokesGroups and frames (it will process all nested elements)ㅤ➋ Run the PluginGo to Plugins → Distribute Gradient StopsOr use the quick search: Press Cmd + / (Mac) or Ctrl + / (Windows), then type "Distribute Gradient Stops"➌ Preview Changes (Optional)The plugin opens with Preview enabled by defaultYour gradient stops will be automatically distributed evenlyToggle the Preview checkbox off to see the original stateToggle it back on to see the distributed version➍ Apply or CancelClick Apply to permanently apply the changesClick Cancel to revert all changes and close the pluginThis is particularly useful when:Importing gradients from other design toolsCleaning up manually adjusted gradientsCreating consistent gradient systemsWorking with gradients that have been modified multiple timesㅤㅤ☻ TipsMultiple Objects: Select multiple objects to process all their gradients at onceGroups and Frames: The plugin automatically processes all nested elementsPreview Mode: Use preview to compare before and after statesNo Gradients: If no gradients are found, the plugin will notify youㅤㅤNeed more design tools? Visit Samolevsky.com to discover more plugins and resources.