ImagePro: Streamlining Figma Exports with Pinata Cloud Integration 🚀

This is a submission for the The Pinata Challenge

Hey, I am Jackson Kasi 🙂👋

My team 💪 🚀:

• Aswin &
• @somekiwiplease Sharvari Suresh

What I Built

I developed ImagePro, a Figma plugin designed to streamline asset exporting for designers. It allows users to effortlessly export images in PNG, JPG, WEBP, SVG, or PDF formats, with advanced options like:

• Password protection for PDFs
• Grayscale, RGB, and CMYK exports
• Merging multiple PDFs

But that’s not all! 🎉 As part of the Pinata Challenge, we integrated Pinata Cloud into ImagePro to handle file uploads, making the plugin even more powerful 🚀 by allowing users to upload their exported assets directly to Pinata Cloud for secure, fast, and easy management. 🛡️⚡

Demo

You can try the ImagePro plugin here:

👉 ImagePro on Figma

Here’s a quick demo of how it works:

1. Select any image or layer in Figma and fetch it via the plugin.
2. Choose your export format and customize options (compression, color modes, etc.).
3. With the Pinata Cloud integration, you can upload the exported file with just one click.
4. View your upload in the History section, where you can:
   • Download the file
   • Copy the file link
   • Delete the file if no longer needed

Check out a quick demo of the process in this Playbook video:

Playbook

Check out Playbook page in Playbook!

playbook.com

Video Link

My Code

Check out the ImagePro GitHub repo:

👉 ImagePro on GitHub

More Details

Pinata Cloud plays a key role in ImagePro by simplifying the file upload and management process. Here’s how:

• Efficient Uploads: Once a user exports an image or PDF, they can immediately upload the file to Pinata Cloud. This reduces the hassle of manually saving and storing files locally.
• File History Management: Pinata stores all uploaded files, and within ImagePro’s History section, users can search, track, and manage their files easily. They can copy the link, download, or delete files as needed.
• Fast, Reliable Access: Pinata's CDN ensures that files are delivered quickly and securely, making it perfect for designers who need reliable file hosting and sharing.

By leveraging Pinata, ImagePro not only enhances the export process but also provides a seamless way for designers to store, manage, and retrieve their assets.