Get the Figma Design System

22,000+ production-ready variants, a three-layer token system, and full Figma Variables from day one. Pay once, get lifetime updates.

The React library is free and open-source. These plans are for the Figma design system only.

Personal

Launch price
$49$79one-time

1 designer, 1 project

  • 22,000+ Figma variants
  • 15,700+ component variants
  • 6,600+ icons (custom + Tabler)
  • Three-layer token system (primitive → semantic → component)
  • All tokens as Figma Variables
  • Dark & light themes via variables
  • Auto-layout & responsive constraints
  • Lifetime updates
Most popular

Team

Launch price
$149$249one-time

Up to 5 designers, unlimited projects

  • 22,000+ Figma variants
  • 15,700+ component variants
  • 6,600+ icons (custom + Tabler)
  • Three-layer token system (primitive → semantic → component)
  • All tokens as Figma Variables
  • Dark & light themes via variables
  • Auto-layout & responsive constraints
  • Lifetime updates
  • Priority support

Unlimited

Launch price
$299$499one-time

Unlimited designers & projects

  • 22,000+ Figma variants
  • 15,700+ component variants
  • 6,600+ icons (custom + Tabler)
  • Three-layer token system (primitive → semantic → component)
  • All tokens as Figma Variables
  • Dark & light themes via variables
  • Auto-layout & responsive constraints
  • Lifetime updates
  • Priority support
  • White-label OK

Delivered as a Figma file. Duplicate to your workspace and start designing. The React library (@plexui/ui) is always free on npm. Compare Plex UI vs shadcn/ui and Plex UI vs Untitled UI.

Frequently asked questions

It's a native Figma file. After purchase you'll receive a link. Click "Duplicate to your drafts" and the full file with all pages, components, variables, and tokens will be copied to your Figma workspace.

All plans include lifetime updates. When we release a new version we'll notify you by email. Open the same link again and duplicate the updated file. Your existing local copy stays untouched.

Yes. All plans allow you to use the design system in commercial products. The Unlimited plan also permits white-labeling, so you can remove Plex UI branding and redistribute the system as part of your own product or agency deliverables.

Personal is for solo designers working on a single project. Team supports up to 5 designers on unlimited projects with priority support. Unlimited removes all seat and project restrictions and includes white-label rights.

The React library (@plexui/ui) is open-source and free on npm. The Figma Kit is the paid product. It gives you the full design system with all 22,000+ variants, variables, and tokens that match the React components pixel-for-pixel.

No. The React library (@plexui/ui) is free and open-source. Install it from npm and start building. The Figma kit is a separate paid product for designers who want the full visual system with all 22,000+ variants, variables, and token layers.

Install @plexui/ui from npm and add the CSS import to your global stylesheet. The AI will recognize component names and props automatically. See the installation guide for the full setup.

Every value in the kit flows through three layers: primitive tokens (raw colors, spacing, radii), semantic tokens (purpose-based aliases like "text-primary" or "bg-surface"), and component tokens (scoped to each component like "button-bg-solid"). Change one variable and the entire system updates.

AI code editors can write code, but they need proper building blocks to produce professional interfaces. Plex UI provides production-grade, well-structured components with consistent naming, a clear token system, and comprehensive props. Unlike unstyled primitives or limited kits like shadcn, Plex UI gives AI the full vocabulary to design real products.

Start building with Plex UI

Install @plexui/ui in 30 seconds. Professional Figma kit from $49.