5 Figma plugins to perfect your designs

Trust me, when you design a lot of UIs daily, you want to save every minute of your workflow. I’ve tried most Figma plugins to find out which improves my work. These five are my favourites

Author

TheSimple Grid
April 30, 2023

Demo of Figma plugins created by Author

Figma is a relatively new software that has managed to attract a large number of designers willing to try something new. Figma already has many features and plugins that make it a powerful design tool.

To help you get the most out of your Figma designs, here are 5 Plugins that are sure to perfect your designs.

html.to.design | Figma Community

Figma Community plugin - Convert any website into fully editable Figma designs. Leverage an existing website and import its html to Figma to start your own designs, without building each element from scratch. Powered by story.to.design technology 🚀 How it works: Install this plugin, html.to.designOn a blank Figma file,...

www.figma.com/community/plugin/1159123024924461424/html.to.design

Convert any website into fully editable Figma designs. Leverage an existing website and import its html to Figma to start your own designs, without building each element from scratch.

2. Phosphor Icons

Phosphor Icons | Figma Community

Figma Community plugin - Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really. 1,248 icons and counting6 weights: Thin, Light, Regular, Bold, Fill, and DuotoneDesigned at 16 x 16px to read well small and scale up bigRaw stroke information retained to fine-tune the styleAlternate ...

www.figma.com/community/plugin/898620911119764089/Phosphor-Icons

Phosphor is a flexible icon family for interfaces, diagrams, presentations

3. Smooth Shadow

SmoothShadow | Figma Community

Figma Community plugin - As seen on https://brumm.af/shadows and Twitter: SmoothShadow is now a Figma plugin! To recap: - Create really smooth, layered shadows - Tweak alpha, offset and blur with individual easing curves, giving you unmatched control over the appearance of your shadow Hey friend, if this plugin helps ...

www.figma.com/community/plugin/788830704169694737/SmoothShadow

Forget about harsh default shadows with this plugin. Create really smooth, layered shadows by @funkensturm

4. Easing gradient

Easing Gradient | Figma Community

Figma Community plugin - ⚠️ Notice: Work on this plugin has stopped in favor of the much more feature-rich alternative: Easing Gradients Linear gradients often have hard edges where they start and/or end. This plugin adds gradient stops to approximate easing functions.

www.figma.com/community/plugin/781591244449826498/Easing-Gradient

5. Unsplash

Unsplash | Figma Community

Figma Community plugin - Insert beautiful images from Unsplash straight into your designs. The Unsplash License allows images to be used freely for both commercial and personal projects. Learn more about Unsplash at https://unsplash.com/about

www.figma.com/community/plugin/738454987945972471/Unsplash

Insert beautiful images from Unsplash straight into your designs.

These are 5 Figma plugins that are sure to perfect your designs. With these plugins, you can easily convert websites into editable Figma designs, add smooth shadows, and insert beautiful images into your designs.

Do you know of any other Figma plugins that can perfect your designs? Let me know in the comments below.

Looking to show off your design work? We’ve got the perfect portfolio template for you — the Simple portfolio template for Framer. It’s super easy to set up in just a few minutes and you don’t even need to know how to code! Get ready to create an awesome portfolio that’ll make you stand out!

Check it out below

Simple portfolio template

Elevate your online presence with this professional and sleek template – try it out today! The template comes with Desktop, Laptop, Tablet and Phone dimensions created separately with light and dark mode.

thesimplegrid.gumroad.com/l/simple-portfolio

If you enjoyed this issue of TheSimpleGrid newsletter, give us a follow on Twitter.

https://twitter.com/thesimplegrid

twitter.com/thesimplegrid