Figma plugin that converts CSS gradient code into native Figma fills.
Import CSS Gradients is a Figma plugin that lets you paste CSS gradient code and instantly convert it into native Figma gradient fills. Supports linear-gradient, radial-gradient, and conic-gradient syntax including complex multi-stop gradients. Instead of manually recreating gradients color stop by color stop, just copy the CSS from your browser DevTools, a CSS generator, or any code snippet and paste it into the plugin. The gradient is parsed and applied to the selected layer as a native Figma fill, preserving all color stops, angles, and positions.
Import CSS Gradients is a Figma plugin that lets you paste CSS gradient code and instantly convert it into native Figma gradient fills. Supports linear-gradient, radial-gradient, and conic-gradient syntax including complex multi-stop gradients. Instead of manually recreating gradients color stop by color stop, just copy the CSS from your browser DevTools, a CSS generator, or any code snippet and paste it into the plugin. The gradient is parsed and applied to the selected layer as a native Figma fill, preserving all color stops, angles, and positions.
Tags: Figma Plugins, Figma
Try Import CSS GradientsThe plugin supports linear-gradient, radial-gradient, and conic-gradient CSS syntax including multi-stop gradients.
Yes, it's free to install and use from the Figma Community.