Skip to main content
Import CSS Gradients

Import CSS Gradients

Figma plugin that converts CSS gradient code into native Figma fills — paste any linear, radial, or conic gradient and apply it instantly.

Free·Figma Plugins·Figma
Import CSS Gradients preview 1

What is Import CSS Gradients?

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.

Features

  • Paste CSS gradients directly into Figma
  • Supports linear, radial & conic gradients
  • Instant conversion to native Figma fills
  • No manual color stop recreation

FAQs

Common questions about Import CSS Gradients

What gradient types are supported?
The plugin supports linear-gradient, radial-gradient, and conic-gradient CSS syntax including multi-stop gradients.
Is this plugin free?
Yes, it's free to install and use from the Figma Community.

Similar Launches