Skip to main content
From $29Free planG2 4.2 · 118 reviews

Product teams with a mature, code-based design system who want designers to prototype with the same React components engineers ship, and teams that need realistic, logic-driven prototypes for user testing and stakeholder review.

Quick overview

Pricing
Free; paid from $29/seat/month (billed annually)
Plans
Free plan: 2 prototypes and 50 AI credits. Core: $29/seat/month billed annually ($49 billed monthly), 200 AI credits/month, unlimited prototypes. Growth: $40/seat/month billed annually ($69 billed monthly), 500 AI credits/month, design systems and Storybook integration. Enterprise: custom pricing with Git integration (Merge), dedicated support and onboarding. 14-day free trial on paid plans, no credit card required.
G2 rating
4.2 / 5.0
Comparisons
Featured in 1 comparison

Key features

  • Code-backed design with production React components (Merge)
  • Prototyping with variables, conditional logic and interactive states
  • Built-in libraries such as MUI, Tailwind UI and shadcn/ui
  • AI Component Creator for generating layouts, forms and tables from prompts
  • Design systems, design tokens, and Git, Storybook and npm integrations

Pros

  • Prototypes use real coded components, so they behave like the product
  • Conditional logic and variables without a separate prototyping tool
  • Handoff can export working React code, which cuts rework
  • Free plan and 14-day trial make it easy to evaluate

Cons

  • Merge and Git sync are strongest on Enterprise and need engineering setup
  • Smaller community and plugin ecosystem than Figma
  • Freeform visual design and illustration are weaker than Figma or Sketch
  • Per-seat pricing with AI credit limits can add up for larger teams

UXPin in our comparisons