Skip to content

DesignNorth Park Labs

Magic Patterns

AI prototyping for product teams — generate UI in your own design system.

Category
Design
Pricing
FREEMIUM
Source
Proprietary
Hosting
Cloud
Platforms
Web
Verified
Jun 11, 2026

An AI design tool that turns prompts into working UI prototypes product teams can test with users and hand to engineering. Version 2.0 imports components from Figma, Storybook, or any website via its Chrome extension, so generated screens match your real design system rather than generic mockups. Includes real-time collaboration and a free tier to start.

Pros & cons

  • Design-system-aware generation
  • Figma and Storybook component import
  • Free tier to start
  • Built for team collaboration
  • Business tier jumps to $100/seat/month
  • Web-only, no desktop app

Tags

  • #prototyping
  • #design-systems
  • #ui-generation
  • #product-teams

Alternatives to Magic Patterns (4)

  • View v0 details
    AgentFREEMIUM

    v0

    Vercel

    Prompt-to-UI generator from Vercel. Outputs React + Tailwind + shadcn.

    Vercel's generative UI surface. Type a description, get a working React component using Tailwind and shadcn primitives — copy the code or fork into a v0 project for iteration.

    Worth knowing

    Launched by Vercel in October 2023 (100K waitlist signups in three weeks) and rebranded from v0.dev to v0.app in January 2026.

    • ui-gen
    • react
    • tailwind
    • shadcn
    Open
  • View Uizard details
    DesignFREEMIUM

    Uizard

    Miro

    AI UI design: generate editable wireframes, mockups, and prototypes from a prompt.

    A browser-based UI design tool that turns text prompts, hand-drawn sketches, and screenshots into editable mockups and clickable prototypes. Its Autodesigner generates whole multi-screen projects with themes, and a Screenshot Scanner converts existing app screens into editable designs. Aimed at non-designers and PMs who want usable UI fast.

    Worth knowing

    Grew out of founder Tony Beltramelli's pix2code research in Copenhagen; acquired by Miro in 2024.

    • ui-design
    • wireframing
    • prototyping
    • no-code
    • +1
    Open
  • View Figma AI details
    DesignFREEMIUM

    Figma AI

    Figma

    AI design and prompt-to-code built into Figma.

    Figma's AI layer for product design: First Draft generates editable layouts from a prompt, content tools fill real copy, and a canvas Design Agent edits via natural language. Figma Make turns prompts into working prototypes, and the Figma MCP server pipes design context into coding tools.

    Worth knowing

    Adobe's $20B deal to buy Figma collapsed in Dec 2023 over regulators, forcing a $1B breakup fee; Figma IPO'd in 2025.

    • design
    • ui-design
    • prototyping
    • prompt-to-code
    • +1
    Open
  • View Lovable details
    AgentFREEMIUM

    Lovable

    Lovable

    Prompt a full-stack app into existence — UI, backend, and deploy.

    An AI app builder that turns prompts into full-stack web apps — React UI, Supabase backend, GitHub sync, and one-click publish. Popular for going from idea to shipped product fast.

    Worth knowing

    Renamed from the open-source GPT Engineer in Dec 2024; the Stockholm startup hit ~$400M ARR within ~14 months.

    • app-builder
    • full-stack
    • no-code
    • supabase
    Open
Open Magic Patterns