10 Figma plugins every designer must have
Today I am sharing the Figma plugin that just got me a lot easier to my workflow. A few days ago I wrote an article about XD Plugin. Check it out. If you are new.
1. Lorem ipsum
Generate ‘Lorem ipsum’ to fill your text layers with dummy text.Select all the text layers you want to generate ‘Lorem ipsum’ for then click ‘Generate’ — it will generate for each layer uniquely. ‘Auto-generate’ will automatically fill the selected layers with the perfectly amount of ‘Lorem ipsum’ to fit their existing frame.
2. Swap
Easily swap two selected objects.
- Swap any objects. Frames, groups, layers, whatever
- Keeps the original size of objects and their position
- Works with nested objects
How to use:
1. Select two objects
2. Use the plugin
3. Figma to HTML, CSS, React & more!
Convert live website to Figma design
4. Content Reel
Browse or search content to find published collections of text strings, images, and icons. Having trouble finding what you need from existing content? You can create your own text and image content by using Add.
5. Image tracer
‘Image tracer’ traces black & white bitmap images, and turns them into a vector layer.
When you run Image tracer; it will take whatever layers you have selected and combine them together into one image (regardless of if they’re already a vector or not) — then it will convert it to ‘black & white’ and attempt to trace it into a new vector layer.
You can view the image it is tracing, by changing the dropdown in the options popup from ‘Original image’ to ‘Processed image’.
6. Bibbble
Bibbble helps you to:
- find right layouts / UI & UX solutions for project
- get inspiration from industry leaders
- import high-quality screenshots within seconds
- search design by specific keyword
- REAL solutions from REAL websites
7. Convertify Figma to Sketch/XD
Convert and export your designs from Figma to Sketch, Adobe XD or After Effects with one click.
8. Lazy Load
Lazy load lets you generate skeleton loading screens in one click. Now you can save enough time while designing loading screens for developer handoff.
9. Artboard Studio Mockups
Create mockups in Figma easily by getting access to thousands of world-class quality Artboard Studio mockup items right inside your Figma files. Easily render Figma frames into real-life product mockups with a click of a button. More items are added to our ever-growing library every day.
10. Neumorphism
Create beautiful neumorphistic designs in just a few seconds. Just select anything you would like to “neumorph”, open the plugin and boom. It adds shadows and gradient fills to your selection, which you can customize to your needs.