Motiff

What is Motiff?

Motiff was a browser-based AI tool for generating user interface designs. You described a screen or uploaded a wireframe, screenshot or requirements document, and it produced a layout you could refine. Design system presets kept output consistent.

It was run by Motiff PTE. LTD. in Singapore. A 2025 settlement with Figma forced it to stop selling its original editor outside mainland China. Motiff closed sign-ups on 24 April 2026 and went offline on 23 June 2026.

Key Features

• Multi-input generation: Motiff generated UI screens from text prompts, wireframes, screenshots, PDFs and requirement documents. Teams could start from existing artefacts instead of writing a prompt from scratch.
• Design system presets: Material, Ant Design and shadcn/ui styles were built in. Presets kept colours, typography and components consistent with a familiar framework from the very first draft.
• Web and mobile flows: Motiff produced web and mobile layouts such as homepages, onboarding, dashboards, profiles and admin panels. One directory described the aim as production-grade screens rather than low-fidelity mockups.
• Element-level edits: You could ask the AI to change one component without regenerating the whole screen. That saved credits and kept the approved parts of a layout intact between revisions.
• AI design helpers: G2 reviewers mentioned an AI toolbox with auto-layout, dummy text generation and content replication across designs. These helpers cut repetitive layout work during early ideation.
• Figma and code export: Pro users could copy screens into Figma or export HTML, React and project ZIP files. Developers received starter code instead of a static image, which shortened the handoff.
• Credit system: Each plan had a monthly pool of generation credits, with 100 on Starter and 1,000 on Pro. Every generation drew from that pool, so heavy users had to plan their usage.

Pros

• Fast first drafts: Single screens appeared quickly, and reviewers said Motiff cut repetitive layout time. Designers reached a reviewable draft before polishing the details in Figma, which suited early product reviews.
• Flexible inputs: PDFs, screenshots and requirement documents all worked as starting points. Product managers could turn a written spec into a visual draft without learning design software.
• Generous free tier: Starter offered 100 credits a month at no cost, and Pro cost $16 a month. Reviewers described the pricing as good value for small teams and solo builders.
• Clean handoff: Figma copy and React export reduced friction between design and development. Front-end developers started from generated code rather than rebuilding each layout by hand from a static mockup.
• Familiar interface: G2 reviewers described a clean interface similar to Figma that was easy to learn. Designers who already worked in Figma adapted quickly and reported smooth performance.

Cons

• Service offline: Motiff closed sign-ups on 24 April 2026 and went offline on 23 June 2026. No new design work is possible, so it cannot be adopted for any project today.
• Data deadline: Unexported files are deleted after 31 October 2026. Former users must export to PNG, PDF, Figma or React before that date or lose their work permanently.
• Legal history: A 2025 settlement with Figma forced Motiff to stop selling its original editor outside mainland China. The dispute narrowed the product to AI generation before it closed.
• Multi-screen gaps: Reviewers found longer flows less consistent than single screens, and output could feel templated or unpredictable. Complex products with many linked screens still needed substantial manual polishing afterwards.
• Thin ecosystem: G2 reviewers noted a missing plugin ecosystem, limited community resources and weak customisation for advanced users. Teams relying on plugins or variables found it restrictive.

Who is Using Motiff?

• Product designers: They drafted screens before polishing in Figma.
• Product managers: They turned requirements into visual drafts.
• Front-end developers: They pulled starter React code from screens.
• Startup founders: They mocked up app concepts cheaply.

Pricing

Motiff is no longer sold; its last plans were Starter at $0 and Pro at $16 a month (official pricing page, checked October 2026).

One review lists Pro at $16 to $20 monthly. Annual subscribers were offered prorated refunds, while monthly users got a free Pro month instead. Treat these figures as archival and check remaining questions with Motiff support.

What Makes Motiff Unique?

Requirement documents and PDFs worked as inputs, not just prompts, and named presets let a first draft match Material or shadcn/ui. Few AI design tools were reshaped by an intellectual property settlement as Motiff was.

Compatibilities and Integrations

• Platform: Web app in a desktop browser.
• Figma: Screens copied into Figma files.
• Code: HTML, React and project ZIP export.
• Export formats: PNG, JPEG, WebP and PDF until 31 October 2026.

Motiff Tutorials

With the editor offline, only exporting remains.

1. Sign in to your Motiff account.
2. Open a project.
3. Click Export at the top right.
4. Choose PNG, PDF, Figma, React or ZIP.
5. Download before 31 October 2026.

How We Rated It

Summary

Motiff suited teams wanting fast AI drafts of single screens. Its main limitation is that it went offline in June 2026. For new projects, try Uizard or Visily. If you still have files, export them before 31 October 2026.