Carbon Design System

IBM's ouvrir source framework d'IU pour consistent, accessible enterprise products.

Aperçu du Produit

Carbon Design System is IBM's comprehensive open-source design system for building digital products and experiences, used across IBM offerings like Watson and Cloud. It provides reusable components, patterns, guidelines, and tools to ensure consistency, accessibility, and scalability. Carbon emphasizes data-driven design, inclusivity, and developer-friendly implementation with React components and Figma kits. Components: 100+ ready-to-use UI elements (buttons, forms, data viz) with variants and states. Guidelines: Detailed specs for color, typography, motion, icons, and accessibility (WCAG compliance). Tools: Figma library, React implementation, Sketch (legacy), and code packages. Resources: Carbon for IBM Products (internal), community contributions via GitHub.

Idéal pour

Guidelines: Detailed specs pour couleur, typographie, motion, icônes, et accessibilité (WCAG compliance). outils: Figma bibliothèque, React implementation, Sketch (legacy), et code packages. ressources: Carbon pour IBM Products (internal), communauté contributions via GitHub.

Fonctionnalités Clés

composants: 100+ ready-à-utiliser IU elements (buttons, forms, données viz) avec variants et states.
Guidelines: Detailed specs pour couleur, typographie, motion, icônes, et accessibilité (WCAG compliance).
outils: Figma bibliothèque, React implementation, Sketch (legacy), et code packages.
ressources: Carbon pour IBM Products (internal), communauté contributions via GitHub.

Avantages

+Open source
+Basé sur le cloud, pas d'installation
+Bibliothèque d'icônes étendue
+Génération de palettes de couleurs

Inconvénients

-L'adoption nécessite l'alignement de l'équipe
-La personnalisation peut être complexe

/// SPÉCIFICATIONS

Tarif :
Free
Plateforme :
Browser

ASSETS_DIRECTORY

figma

/// Outils Similaires

Airtable UI Kit

Figma composants pour en conception Airtable-integrated apps avec consistent IU motifs.

Base Gallery

Figma communauté file showcasing collection de composants d'IU pour concevoir inspiration et prototypage.

Atlassian Design System

complet guidelines et Figma composants pour consistent, accessible product interfaces.

Cloudscape Design System

AWS ouvrir source framework d'IU pour consistent, accessible enterprise cloud applications.

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.

Animalia DS

complet système de concevoir pour consistent composants d'IU et guidelines dans Animali apps.

Backstage Design System

Figma kit pour Backstage développeur portals avec composants d'IU et guidelines.