‹div›RIOTS logo
image.to.design logo on a black background and the title Introducing our latest plugin.

Introducing image.to.design

At ‹div›RIOTS, we are always looking to empower designers by expanding the boundaries of what’s possible in Figma. Today, we’re thrilled to introduce the latest addition to our suite of plugins: image.to.design.

This new tool is part of our mission to enable Figma users to bring anything into Figma. Under the umbrella of anything.to.design, we’re expanding even further the types of files and formats you can import into Figma. Whether you’re working with unconventional image formats or just looking to optimize your workflow, image.to.design can boost the way you work with images in Figma.

What is image.to.design?

image.to.design is our brand new Figma plugin that allows you to import virtually any image format into Figma. It goes beyond Figma’s native capabilities by supporting a wider range of file formats and enhancing the import process for formats already supported by Figma. With this tool, you can say goodbye to compatibility issues and streamline the way you bring images into your designs.

Why import images using image.to.design?

Here’s what sets image.to.design apart:

🚀 Improved SVG compatibility:

SVGs imported through image.to.design retain their integrity better than Figma’s native importer, ensuring that your vector graphics look exactly as intended.

🌟 Optimized PNG imports:

PNG files are automatically optimized to reduce memory usage, resulting in faster performance and a smoother design experience in Figma.

🖼️ More image formats supported:

Figma already supports a handful of image formats, but image.to.design takes it to the next level. Here are all 10 formats supported by the plugin:

  • avif
  • bmp
  • gif
  • heic
  • jpeg
  • jpeg XL
  • png
  • svg and svgz
  • tiff
  • webp

Now, with image.to.design, you no longer have to worry about converting files before importing them into Figma!

How does image.to.design work?

Whether you’re importing a compressed AVIF, or more niche format like jpeg XL, image.to.design makes it simple:

  • 1. Run the plugin: Open your Figma file and launch image.to.design.
  • 2. Upload your image: Drag-and-drop or upload any image, regardless of format, into the plugin.
  • 3. Instant import: Your image is instantly processed and ready to use in your designs.

Give it a try!

Ready to put it to the test? image.to.design makes working with images in Figma faster, easier and more versatile. Check it out along with our full range of import plugins at anything.to.design, and enjoy the freedom of importing practically anything into your Figma designs.

We’d love to hear your feedback as we continue to improve and innovate for the design community, so let us know what you think!

ℹ️ If you’re looking to bring other files into Figma, such as office documents, PDFs or slide deck presentations, check out our full range of import plugins at anything.to.design.