Figma plugin that converts CSS gradient code into native Figma fills — paste any linear, radial, or conic gradient and apply it instantly.
About 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.
Pricing model: Free
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?
Is this plugin free?
No posts yet
Updates from Import CSS Gradients will appear here. Get to know the product while you wait.
About Import CSS GradientsAlternatives to Import CSS Gradients
Other products to explore and follow.
Similar products
- Lil Pixel Iconfigma.com
Figma plugin for creating pixel-art style icons — generate retro, pixelated icons directly in your design files.
- Cursor for Figmacursor.com
Figma plugin for Cursor — inspect your design system, find the right components, variables, and styles, then write directly to Figma as editable layers.
LottieFiles for Figmafigma.comDiscover, create, and export Lottie animations directly inside Figma — browse thousands of free animations and add them to your designs.
Moodboard 3000figma.comFigma plugin for building moodboards fast — drag, drop, and arrange images, colors, and references on a visual board.