Screenshot to Figma: turn any app screen into an editable design
Found a screen you love, or lost the source file of your own app? Upload a screenshot and get it back as a design you can edit.
Outclass turns screenshots into editable designs. Upload an image of an app screen, and AI rebuilds it as a real layout: the same structure, text, colors and spacing, at the device size you're designing for. From there you can edit it like any other Outclass design and copy it to Figma as layers.
How it works
- Upload a screenshot or a screen recording. PNG, JPEG, WebP and GIF images work, and so do MP4, WebM and MOV recordings: Outclass picks a few frames from a recording, so you can capture a whole flow at once.
- Outclass rebuilds each screen. It measures where everything sits in the image and recreates it at your chosen size: mobile (390 × 844), tablet (834 × 1194) or a desktop page 1280 pixels wide.
- Edit and export. Change text, colors and spacing by clicking, or ask in chat. Then copy each screen to Figma, download it as an image, or share a link.
It stays faithful
A recreation should look like the original, not like the AI's idea of it. So recreations skip Outclass's usual design polish and visual styles, keep the original's colors and type, and cut real photos from your image instead of redrawing them. When an image shows several phones side by side, like a portfolio slide or an app store board, each phone becomes its own screen, without the bezel, background or labels around it.
What people use it for
- Recovering a design when you only have the shipped app, not the source file.
- Redesigning an existing app: rebuild today's screens, then ask for the changes.
- Studying patterns from apps you admire, then making them your own.
- Moving from another tool that can't export to Figma.
Good to know
- Recreating a screen is an AI task, so it uses credits; copying the result to Figma is free.
- Very small or blurry screenshots give less accurate results. A full-resolution capture works best.
- Use it for your own work or for study. Copying another company's design for your product can infringe their rights.
Questions
Can AI turn a screenshot into a Figma design?
Yes. Outclass rebuilds the screenshot as an editable layout and you copy it to Figma as frames, text and vector layers with auto layout.
Does it work with screen recordings?
Yes. Upload an MP4, WebM or MOV recording and Outclass takes a few frames from it to rebuild the screens in the flow.
Will photos in my screenshot be redrawn?
No. Real photos are cropped from your image and placed where they were, so they look exactly like the original.
Can I recreate a whole app at once?
You can upload a board or slide with several phone screens; each phone becomes its own screen in the project.
Is it free?
You can start with free trial credits. Recreating screens uses credits; exporting to Figma, PNG or HTML is always free.