Outclass to Figma: your app's screens as real Figma layers
Design the app in Outclass, then paste it into Figma. Nothing to redraw, no plugin to install.
Every screen you design in Outclass goes to Figma in one click. Press Copy to Figma, paste into any Figma file, and the screen arrives as layers you can edit: frames, real text, vector icons and auto layout, with names like Header, Card and Tab bar instead of Frame 12.
What arrives in Figma
- Auto layout. Rows, cards and lists keep their spacing and grow with their content, so you can add an item or change a label without nudging anything.
- Real text. Every label is editable text in the screen's own fonts.
- Vector icons and logos. Icons stay sharp at any size and take a new color in one click.
- Photos and illustrations. Images come in at full quality, in place.
- Named layers. The layers panel reads like the screen, so a designer or developer finds their way at once.
How it works
- Describe your app, or upload a screenshot or screen recording, and Outclass designs the screens.
- Refine them in chat or the visual editor until they look right.
- Choose the size you want (mobile, tablet or desktop), press Copy to Figma and paste.
Screens that a coding agent designs and sends through the Outclass MCP server copy to Figma the same way.
Why it matters
Most AI design tools give you a picture, or layers that need cleaning up before anyone can work with them. Outclass screens are ready for the next step: a designer polishes them, a developer inspects spacing and colors, and nobody rebuilds a screen by hand.
Good to know
- Copying to Figma never uses credits. The Free plan includes 3 Figma exports; paid plans have no limit.
- You can also download a PNG of any screen, at twice its size for sharp images.
- No Figma plugin or Figma seat is needed. Paste into any file you can edit.
Questions
Can I export AI-designed app screens to Figma?
Yes. Every screen you design in Outclass copies to Figma in one click as editable layers with auto layout, real text and vector icons.
Do I need a Figma plugin?
No. Press Copy to Figma in Outclass and paste into any Figma file.
Are the layers editable?
Yes. You get frames with auto layout, editable text, vector icons and named layers, so you can keep designing in Figma.
Does copying to Figma use credits?
No. Credits are only used when AI designs or edits something. The Free plan includes 3 Figma exports.
Which screen sizes can I copy?
Mobile, tablet and desktop. Choose the size on the canvas and the screen is copied at that size.