Design systems
Pick one look and build the whole product in it.
Each system comes from a real dashboard, so its tokens, components and screens already work together. 1,852 components are in the Figma libraries; every piece of code is checked against its Figma original before it appears here.
Loopo
Code + FigmaFreeWarm analytics, soft surfaces
- In Figma
- 340
- In code
- 351
- Type
- Geist
MailPulse
Code + FigmaProViolet newsletter growth
- In Figma
- 302
- In code
- 278
- Type
- Geist
Auton
Code + FigmaProAutomation control room
- In Figma
- 279
- In code
- 259
- Type
- Geist
Axon
Code + FigmaProDense data, calm chrome
- In Figma
- 292
- In code
- 257
- Type
- Geist
Veriq
Code + FigmaProTrust and verification
- In Figma
- 255
- In code
- 236
- Type
- Geist + Inter
Vantage
Code + FigmaProAdmin at a glance
- In Figma
- 384
- In code
- 350
- Type
- Geist