image.to.design now turns screenshots into editable layers

Whether you’re trying to turn mockups into real prototypes, or want to extract components from existing products, recreating app UIs or web layouts from images just got a whole lot easier.

Our all-in-one image importer, image.to.design just got a big upgrade! We’re excited to announce that image.to.design now transforms any screenshot or image into fully editable Figma designs—complete with auto layout, structured layers, and smart naming. No more pixel-by-pixel rebuilding required.

What is image.to.design?

image.to.design is one of our latest Figma plugins that works as both an advanced image format importer, supporting virtually any image type, AND an AI-powered screenshot converter that transforms visual designs into fully editable Figma layers. Its main features include:

• AI-powered screenshot conversion

  Drop in any UI screenshot, and get a clean, editable design in seconds. It even works with hand-drawn wireframes and drafts!

• Advanced image import

  Supports formats like AVIF, WebP, JPEG XL, TIFF, RAW, and more—far beyond Figma’s native limits.

• Optimizes image performance

  Improves SVG handling, compresses PNGs, and reduces memory usage.

How does it work?

1. Run the image.to.design plugin and upload your screenshot.

2. When you’re ready, select “Editable layers” and click “Import”.

3. Edit your designs instantly in Figma!

Why transform screenshots into Figma designs?

1. Save time rebuilding app UIs from screenshots

Manually rebuilding interfaces from screenshots is incredibly time-consuming. image.to.design does the job for you by generating editable layers and layouts automatically—giving you a fast, structured foundation to build upon.

2. Preserve design decisions

Well-designed UIs are built with intentional spacing, hierarchy, and component logic that aren’t always obvious at a glance. Converting the screenshot of your UI with image.to.design ensures that the underlying design structure is captured as organized, semantic Figma layers with auto layout and smart naming.

3. Speed up your design workflow

Designers reportedly spend up to 60% of their time on repetitive tasks. By transforming screenshots into editable designs, image.to.design can significantly reduce this burden, allowing teams to rapidly prototype, iterate, and build upon proven UI patterns. By automating the repetitive aspects of design work, designers can focus on what they do best: solving user problems and creating exceptional experiences.

Try it out!

This new version of image.to.design is already available on Figma Community. Start converting your first screenshot into real designs and let us know if you have any feedback! ✨

ℹ️ For more plugins, visit anything.to.design to discover tools for importing PDFs, Office files, Adobe documents, and more.