Question 1

What format is the Figma Kit?

Accepted Answer

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.

Question 2

How do I receive updates?

Accepted Answer

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.

Question 3

Can I use it in commercial projects?

Accepted Answer

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.

Question 4

What's the difference between Personal, Team, and Unlimited?

Accepted Answer

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.

Question 5

Does it include the React component library?

Accepted Answer

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.

Question 6

Do I need the Figma kit to use the React components?

Accepted Answer

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.

Question 7

How do I set up Plex UI for Claude, Cursor, or Codex?

Accepted Answer

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.

Question 8

What does "three-layer token system" mean?

Accepted Answer

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.

Question 9

Why is Plex UI ideal for AI code editors like Claude, Cursor, and Codex?

Accepted Answer

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.

The design system that works
in Figma and in your AI editor

Log in to your account

Pro

Subscription & billing

Notifications

Payment Method

Billing Address

The design system that works in Figma and in your AI editor

Log in to your account

Pro

Subscription & billing

What subscription plans do you offer?

How does billing work?

How do I cancel my subscription?

Notifications

Payment Method

Billing Address

The design system that works
in Figma and in your AI editor