Back to Plugins
CSS Gradient to Figma

CSS Gradient to Figma

IntroImport a CSS Gradient into Figma with ease.📏 Use the same gradients as your web app does🤔 No more guesswork and manually creating gradients👩‍🎨 Use any gradient you find onlineHow Does it workCopy and paste the CSS background or background-image propertyClick insertUse the new gradient added to the canvas 🙌Supports🌈 Linear gradients🟡 Radial Gradients (limited support)Future Plans🟢 Radial Gradients (full-support)🟥 Conic-Gradient🔁 Repeating gradients📚 Pull gradient libraries from Hypercolor and WebgradientsWant to help? It's Open Source 😁https://github.com/yagudaev/css-gradient-to-figma

linear gradientradial gradientcss styleimportcssgradientweb gradientgradients

Plugin Preview

CSS Gradient to Figma preview

About this plugin

IntroImport a CSS Gradient into Figma with ease.📏 Use the same gradients as your web app does🤔 No more guesswork and manually creating gradients👩‍🎨 Use any gradient you find onlineHow Does it workCopy and paste the CSS background or background-image propertyClick insertUse the new gradient added to the canvas 🙌Supports🌈 Linear gradients🟡 Radial Gradients (limited support)Future Plans🟢 Radial Gradients (full-support)🟥 Conic-Gradient🔁 Repeating gradients📚 Pull gradient libraries from Hypercolor and WebgradientsWant to help? It's Open Source 😁https://github.com/yagudaev/css-gradient-to-figma

Plugin Details

Version7
CreatedSeptember 28, 2022
Last UpdatedOctober 22, 2022
Categoryshapes-colors
CreatorMichael Yagudaev
Stats1914 installs, 192 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Editor Types:
    figma