Every week, rain or shine, we find great new Figma plugins to help with even your most edge-case design needs 😃
This issue includes, among others, a QA plugin for annotating and tracking bugs, a Figma-to-CSS converter for gradients and a plugin specifically for Pinterest fans. Check them out! 👇
1. Big Image Importer
Import large images without resizing.
As you may know, Figma has a size limit for images of 4096 pixels. If you try to import anything larger than this, Figma automatically resizes it, which often results in a loss of quality. Big Image Importer bypasses this image limit and imports images in their original size, without any compression, resizing, splitting or cropping. Plus, all images are processed locally on your machine, keeping them private.
🎁 FREE
🖼️ Import images larger than Figma’s 4096px limit
🔒 Images are kept private
2. Design QA
Identify, annotate and track.
Design QA is your assistant for annotating bugs directly in Figma. You can track all bugs in one place with their bug tracker table, saving your team time and effort when it comes to QA. Create a frame over the part of the design you want to annotate, run the plugin, enter the info about the bug and click ‘Generate’. The plugin creates an annotation and adds the bug to a tracker table on the same page.
🎁 FREE
🏷️ Annotate designs
🪲 Keep track of bugs directly in Figma
3. Figma Gradient Linear to CSS
Convert any gradient color in Figma to its equivalent in CSS.
Figma Gradient Linear to CSS is a simple design-to-code plugin that translates any linear Figma gradient to CSS. Click on any frame with a gradient and the plugin automatically generates the CSS code, ready to copy and paste wherever you need it.
🎁 FREE
🌈 Convert Figma gradients to CSS
👩💻 Design-to-code plugin
4. Icon Library Manager
Icon library management made easy.
Updating libraries in Figma can be a tedious process, especially when it comes to icon sets… Icon Library Manager is a plugin designed to streamline this process, taking any local folder of SVGs and importing them in Figma as components. Whenever there is a new version of the icon set, you can then update the changed icons/add new ones, and then apply those changes anywhere the icons are used. Take a look at the video above for the full demo.
🎁 FREE
💟 Turn SVG icons into organized grids of components
✏️ Update icons once and apply changes everywhere
5. Pinpasta
Create moodboards in Figma from your pins.
If you want your Pinterest boards directly in Figma, then Pinpasta is your plugin! Pinpasta works with both a Chrome extension and Figma plugin. First, use the extension to extract the images from the Pinterest board you want to import. Next, click ‘Copy to clipboard’ in the extension, and paste this into the Figma plugin. The plugin then imports all the pins from your board.
🎁 40 FREE images per import 💰 Unlimited for $29 (one-time payment)
🖼️ Import your pins into Figma
🚀 Quick Pinterest-Figma link
💡 Another way to get your Pinterest images straight into Figma is with html.to.design. Plus, if you’re PRO, you can import your pins in high-resolution!
Newsletter brought to you by ‹div›RIOTS.