Figmentshadcn components, styled to your design system

System

Paste your globals.css CSS variables. Generation is hard-constrained to these.

Or load an example:

Threaded into both the preview and the generation constraints.

Heading

Body

Mono

What already exists in your system — so Figment composes instead of regenerating.

Standard shadcn/ui primitives40 primitives the generator will compose instead of re-implementing.

Your registry

Add components manually

Figment can compose 40 components — injected into every generation.

Describe a component.

Figment builds one shadcn/ui component with your tokens, type, and existing primitives — ready to install.

Generates one component⌘⏎

Your generated component — preview, source, registry JSON, and the install command — appears here.