Forma 36 Design System
Contentful's ouvrir source système de concevoir pour consistent, accessible content management interfaces.
Aperçu du Produit
Forma 36 is Contentful's official open-source design system, providing a comprehensive set of UI components, guidelines, and tools to build consistent, accessible, and scalable experiences for content management platforms and related applications. It powers Contentful's own products and is available for external use, focusing on modularity, developer productivity, and user-centered design with React components and Figma libraries. Component Library: Reusable elements like buttons, forms, cards, tables, modals, and navigation with variants for themes and states. Design Tokens: Semantic colors, typography, spacing, icons, and motion for brand consistency. Accessibility: WCAG-compliant with ARIA support and inclusive patterns. Tools: Figma kit for prototyping; React library with TypeScript support for implementation.
Idéal pour
équipes construction évolutif, consistent digital products.
Fonctionnalités Clés
- bibliothèque de composants: Reusable elements comme buttons, forms, cards, tables, modals, et navigation avec variants pour themes et states.
- jetons de concevoir: Semantic couleurs, typographie, espacement, icônes, et motion pour marque consistency.
- accessibilité: WCAG-compliant avec ARIA support et inclusive motifs.
- outils: Figma kit pour prototypage; React bibliothèque avec TypeScript support pour implementation.
Avantages
- +Open source
- +Bibliothèque d'icônes étendue
- +Génération de palettes de couleurs
- +Vérification du contraste d'accessibilité
Inconvénients
- -L'adoption nécessite l'alignement de l'équipe
- -La personnalisation peut être complexe
/// SPÉCIFICATIONS
- Tarif :Free
- Plateforme :Browser
Material Design
Google's ouvrir source système de concevoir pour consistent, intuitif interfaces à travers platforms.
Elastic UI
ouvrir source React framework pour consistent, accessible enterprise interfaces.
Evergreen
ouvrir source React framework d'IU par Segment pour consistent, accessible enterprise applications.
SAP Design System
ouvrir source framework pour consistent, accessible enterprise IU à travers SAP products.
Flowbite Design System
ouvrir source Tailwind CSS bibliothèque de composants avec Figma kit pour rapid IU construction.
Friday Design System
ouvrir source Figma kit d'IU pour rapid prototypage avec personnalisable composants.
GOV.UK Design System
official UK government framework pour consistent, accessible public service interfaces.
Horizon Design System
HashiCorp's ouvrir source système de concevoir pour consistent, accessible cloud management interfaces.
Fluent UI
Microsoft's ouvrir source framework d'IU pour consistent, accessible experiences à travers web, Windows, iOS, Android, et macOS.
Goldman Sachs Design System
internal framework pour consistent, accessible enterprise financial interfaces.