
Figma UI2
Figma's official système de concevoir pour consistent, accessible product interfaces.
Aperçu du Produit
UI2 is Figma's internal and community-shared design system, powering Figma's own product interfaces with reusable components, patterns, and guidelines to ensure consistency, accessibility, and scalability. Launched as the evolution of Figma's design language, it includes a comprehensive Figma file with auto-layout components, design tokens, and best practices for building intuitive tools. The system is partially open through community files, allowing designers to explore and adapt Figma's approach for their own projects. Component Library: Core elements like buttons, inputs, modals, navigation, and complex widgets (e.g., canvas tools) with variants for states and themes. Design Tokens: Semantic colors, typography, spacing, shadows, and motion for unified styling. Accessibility: WCAG-compliant with focus states, contrast ratios, and keyboard navigation. Figma-Native: Full auto-layout, variables, and interactive components for advanced prototyping.
Idéal pour
équipes construction évolutif, consistent digital products.
Fonctionnalités Clés
- bibliothèque de composants: Core elements comme buttons, inputs, modals, navigation, et complex widgets (e.g., canevas outils) avec variants pour states et themes.
- jetons de concevoir: Semantic couleurs, typographie, espacement, shadows, et motion pour unified styling.
- accessibilité: WCAG-compliant avec focus states, contraste ratios, et keyboard navigation.
- Figma-natif: plein auto-mise en page, variables, et interactif composants pour avancé prototypage.
Avantages
- +Génération de palettes de couleurs
- +Vérification du contraste d'accessibilité
- +Capacités d'animation fluides
- +Système de design complet
Inconvénients
- -L'adoption nécessite l'alignement de l'équipe
- -La personnalisation peut être complexe
/// SPÉCIFICATIONS
- Tarif :Free
- Plateforme :Browser

NativeBase Design System
ouvrir source IU bibliothèque de composants pour React natif avec personnalisable, accessible multiplateforme conceptions.

Material Design
Google's ouvrir source système de concevoir pour consistent, intuitif interfaces à travers platforms.

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.

Microsoft Teams UI Kit
Figma-basé composants et modèles pour en conception consistent équipes apps.

Moon Design System
ouvrir source framework d'IU pour consistent, personnalisable digital experiences.

NewsKit
News UK's ouvrir source système de concevoir pour consistent, accessible digital news experiences.

Orbit
Kiwi.com's ouvrir source système de concevoir pour consistent, accessible travel booking interfaces.

gluestack-ui
ouvrir source universal React bibliothèque d'IU avec personnalisable, accessible composants pour web et natif apps.

Goldman Sachs Design System
internal framework pour consistent, accessible enterprise financial interfaces.