Can Figma Make design mobile apps?

It can draft mobile-sized web screens, but it generates web apps; there is no native mobile mode, which is the gap DraftScreens is built for.

Does Figma First Draft use my design system?

No. First Draft uses four built-in libraries; custom design systems are the most requested unshipped feature. DraftScreens' Studio plan generates from your own palette, fonts, voice, rules and logo.

How much does Figma Make cost?

It is part of Figma seats. A Pro seat is $16 a month with 3,000 AI credits shared across Figma's AI features.

Can I get DraftScreens designs into Figma?

Yes. Every screen, flow and project exports as editable Figma layers you paste onto any canvas.

Is DraftScreens a Figma alternative?

No. DraftScreens is the generation step before Figma: it drafts the screens, Figma is where the team refines them.

Figma Make alternative: DraftScreens, the mobile-only AI app designer

Figma's prompt-to-web-app feature, with First Draft for single screens.

Facts checked August 2026. www.figma.com/make/

Verdict

Figma Make is the right tool for web prototypes inside Figma. For mobile apps, DraftScreens generates phone screens that feel native, in your design system, with a prototype and a code hand-off, and still lands in Figma as editable layers.

DraftScreens and Figma Make, side by side

Feature	DraftScreens	Figma Make
Pricing	Free: 1 design a day, up to 5 a month. Pro $15/mo or $144/yr (200 designs a month, all exports). Studio $49/mo (1,000 designs, design systems, 3 seats).	Included in Figma seats; Pro $16/mo per seat with 3,000 shared AI credits.
Free tier	1 design a day, up to 5 a month, with PNG export, the editor and a prototype	Starter seats get a small credit allowance
Mobile-native screens	Yes: every screen is a 390x844 phone screen in a real design language	No, web-first
Your design system	Yes, on Studio: palette, fonts, voice, rules and logo drive every generation	Built-in libraries only; custom systems not supported in First Draft
Figma	Yes, on Pro and Studio: editable named layers, paste onto any canvas	Native (it is Figma); Make copies one way
Code and hand-off	On Pro and Studio: HTML per screen and a prompt pack for Cursor, Claude Code, Lovable and v0; Expo and SwiftUI hand-offs in progress	React and TypeScript web apps
Clickable prototype	Yes: tap-through links on every screen, QR to your phone, public share page	Working web prototype
Visual editor	Yes: select any element, edit text, colour, spacing, layout, links, or ask the AI about it	Figma's editor for First Draft; chat for Make
Failed generations	Never charged, refunded automatically	Credits consumed

Figma Make: strengths and gaps

What Figma Make does well

Lives inside Figma with the team and the files
Make builds a working React app with a backend and publishes it
First Draft generates native Figma layers from built-in libraries
Claude under the hood

Where it falls short

Web-first; native mobile generation is Figma's open gap
First Draft cannot use your own design system (top request, unshipped)
Credit burn complaints since enforcement in March 2026
One-way copy from Make into Figma, not a round trip

What DraftScreens does differently

Mobile only, on purpose

Every screen is a 390x844 phone screen. The generator is prompted like a senior mobile designer, never like a web page builder.

One design language per project

A flow is planned first: palette, type, radius, spacing. Every screen and every edit is held to it, so screens do not drift.

Edit anything, or ask

Select any element and change text, colour, spacing, layout or its tap link; or select it and tell the AI what to change.

Your brand, every screen

Studio plans ingest a design system: palette roles, fonts, voice, rules and logo drive the planner and every screen.

A prototype, not a picture

Buttons, tabs and rows carry links. Preview in the studio or scan a QR and tap through on your phone.

Exports that survive the move

Editable Figma layers, HTML per screen, a prompt pack for Cursor, Claude Code, Lovable and v0. Failed generations are never charged.

When Figma Make is the better choice

Best for: Figma-native teams prototyping web apps inside the files they already use.

Pick Figma Make if your team is in Figma all day, the product is a web app, and you want a working prototype with a backend rather than a design.

Questions people ask

Can Figma Make design mobile apps?: It can draft mobile-sized web screens, but it generates web apps; there is no native mobile mode, which is the gap DraftScreens is built for.
Does Figma First Draft use my design system?: No. First Draft uses four built-in libraries; custom design systems are the most requested unshipped feature. DraftScreens' Studio plan generates from your own palette, fonts, voice, rules and logo.
How much does Figma Make cost?: It is part of Figma seats. A Pro seat is $16 a month with 3,000 AI credits shared across Figma's AI features.
Can I get DraftScreens designs into Figma?: Yes. Every screen, flow and project exports as editable Figma layers you paste onto any canvas.
Is DraftScreens a Figma alternative?: No. DraftScreens is the generation step before Figma: it drafts the screens, Figma is where the team refines them.