This XD plugin lets you create an approximation of a gradient in other color spaces, like LAB. It is using the chroma-js JavaScript color manipulation library to add more color stops to your gradients.
Step by step:
- You first have to download this repository.
- Extract the archive and move into the
chromaticPluginfolder. - Install node dependencies:
npm install - Make the plugin package:
npm run zip - Open an XD document, double click
Chromatic Gradients.xdxand press Yes when prompted to install the plugin.
- Create your gradient in XD
- Having your gradient selected, go to the
Pluginsmenu and select your prefered gradient color space - You can always go back to your original gradient with the
Revert to RGB Gradientoption from thePluginmenu, even between different XD sessions
