01
02
03
04
Skapa frariktiga deler.
sSystm Library 42My Library 7
Components
Et delt React-bibliotek.
Live previews in the catalogue — the real component, not a screenshot.
Open catalogueUse in project
Liverenderade forhåndsvisderengar
Save changes
PricingCardMarketing
PreviewCodeProps
Pro€49Choose plan
Token-drevet.alltid varumerkestroget
PrimaryButton.tsx
background: var(--ds-accent);
color: var(--ds-accent-fg);
border-radius: var(--ds-radius);
font-family: var(--ds-font);
Ett bibliotek,alle flater.
◻UI
Action
▭Form
you@studio.com
▣Marketing
Launch fasterGet started
Din IA buildsmed ditt deler.
design·tokens·
A pricing card with highlighted plan
✦ Generated PricingCard.tsx
Live
Pro€49
✓ Added to project — AI can read this link
→ Komponenter
Et delt React-bibliotek med live-forhåndsvisninger.
01 Live previews
Varje komponent renderas live i katalogen — se den riktiga saken, ikke en skermdump.
02 Token-drevet
Components pull from din Design System tokens, so the library stays on-brand.
03 Alla flater
UI, forms, marketing — one library shared across din whole workspace.
04 IA + prosjekter
Din IA writes token-aware TSX; din team drops components straight into projects.
UI
Bla
AI
Din AI, via MCP
AI-en bygger UI med komponentene dine, ikke rundt dem. Den leser sstm://component/recipe for token-vokabularet og skriver deretter frittstående, token-bevisst TSX rett inn i det delte biblioteket — rendret live i katalogen.
Slik fungerer menneske-gaten
Komponenter · Premium — à la carte
Sett Komponenter
i arbeid.
Et delt React-bibliotek med live-forhåndsvisninger.
Cloudflare-innlogging · kjerne-workspace gratis