● EN LIGNE
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
ASSETS_DIRECTORY
/// Outils Similaires