Vad är Designsystem
Uppsättning komponenter och designregler
Designsystem är en uppsättning standarder, komponenter och riktlinjer som säkerställer visuell och UX-konsekvens i alla företagets produkter.
Kärnelement
- Designtokens (färger, typsnitt, avstånd)
- UI-komponenter (knappar, formulär, kort)
- Interaktionsmönster
- Ikoner och illustrationer
- Dokumentation och riktlinjer
Fördelar
- Gränssnittskonsistens i alla produkter
- Snabbare utveckling — färdiga komponenter
- Enklare designer-utvecklar-kommunikation
- Skalbara designlösningar
- Minskade underhållskostnader
Populära designsystem
- Material Design (Google)
- Carbon Design System (IBM)
- Ant Design (Alibaba)
- Fluent Design (Microsoft)
- Polaris (Shopify)