CSS Gradient to Figma
<p><strong>Intro</strong></p><p><br></p><p>Import a CSS Gradient into Figma with ease.</p><p><br></p><p>π Use the same gradients as your web app does</p><p>π€ No more guesswork and manually creating gradients</p><p>π©βπ¨ Use any gradient you find online</p><p><br></p><p><strong>How Does it work</strong></p><ol><li>Copy and paste the CSS background or background-image property</li><li>Click insert</li><li>Use the new gradient added to the canvas π</li></ol><p><br></p><p><strong>Supports</strong></p><p>π Linear gradients</p><p>π‘ Radial Gradients (limited support)</p><p><br></p><p><strong>Future Plans</strong></p><p>π’ Radial Gradients (full-support)</p><p>π₯ Conic-Gradient</p><p>π Repeating gradients</p><p>π Pull gradient libraries from Hypercolor and Webgradients</p><p><br></p><p><strong>Want to help? It's Open Source π</strong></p><p><br></p><p><a rel="noreferrer noopener nofollow ugc" href="https://github.com/yagudaev/css-gradient-to-figma" target="_blank">https://github.com/yagudaev/css-gradient-to-figma</a></p>
Plugin Preview
About this plugin
Intro
Import 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 online
How Does it work
- Copy and paste the CSS background or background-image property
- Click insert
- Use 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 Webgradients
Want to help? It's Open Source π
Plugin Details
Version | 7 |
---|---|
Created | September 28, 2022 |
Last Updated | October 22, 2022 |
Category | shapes-colors |
Creator | Michael Yagudaev |
Stats | 1627 installs, 164 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:build/ui.js
- main:build/main.js
- Editor Types:figma
More Like This
Discover other plugins in the shapes-colors category.