I see this tip on exporting the original image file from the Inspect panel shared from time to time, and it always surprises people. Wish it wasn’t so hard to discover!
One-click export of Figma prototypes and animations to GIF, WebM, or MP4.
Honestly, I always assumed that SVG bugs are just a part of the game and will always be here — not a surprising conclusion when 49% of imported SVGs relied on buggy features. In retrospect, it was a silly assumption considering SVG is one of only a few open vector formats. In this fantastic thread, Figma engineer Lauren Budorick shows how much work went into detecting, analyzing, and fixing these bugs. I didn’t realize that luminance mask support was a part of this work as well, and Miggi is already exploring creative applications for composited motion visuals in prototypes.
Last spring my team at @figma finally took on an area that we've known has been a huge pain point for a long time: SVG imports. We would soon find out just how bad it was (bad!) and that we’d need to build a whole new feature in the process.
— Lauren Budorick (@lbudorick) March 28, 2023
If you’re still relying on JPGs and PNGs, it may be time to give WebP format a try with this plugin!
A few tricks for successfully exporting Figma mockups to Framer. In the end, it all comes down to using flexible and consistent structures in Figma that translate to code in Framer really well.
A new plugin by Rogie King fixes the most common issues with importing and copy-pasting SVGs from Adobe Illustrator to Figma. Huge time saver if you’ve ever had to deal with these problems manually!
Quickly import and embed PDF files into your FigJam boards.
A Node package that converts SVG strokes to outlined fills as a post-export process. Useful if you want to manipulate color attributes in code.
Import and export CSV files as sticky notes, copy-paste spreadsheet cells, and export selected objects or the entire board as a PNG, PDF, or JPG. See the video on how to use these features.
A tool for exporting PNG with an embedded ICC profile such as Display P3.
Interesting discussion about exporting assets with a Display P3 color space from Figma. I wasn’t familiar with Export PNG with Color Profile plugin (see below) or an option of assigning an ICC profile to the exported PDF.
I’d try this:
— Rasmus Andersson (@rsms) September 3, 2021
1. Setup your macOS to use P3 (display)
2. Setup Figma (desktop app, main menu) to use “unmanaged” color (= display space)
3. Assign P3 ICC profile to output PDF
Rogie King built a plugin to import .procreate files into Figma, complete with named layers, groups, blend modes, and clipping masks. Make sure to check out a Twitter thread on his challenges during development.
New plugin for downloading original images from your Figma files. It’s possible to dig them out in the Inspect panel, but this is a much easier way. Check out a short intro video.
Create and automatically apply custom Export Settings. Share them across your files and projects. Includes default presets for the most popular platforms.
“Here is a quick workflow with multiple batch operations that can show you how to import, rename, organize, componentize and publish assets.”
I rarely write about plugin updates, but this one is exciting — TinyImage Compressor added support for AVIF image format. If you haven’t heard about it before, check out the blog post “AVIF has landed” from a developer advocate for Google Chrome.