Figma UI2

Produktübersicht

UI2 ist Figmas internes und Community-geteiltes Design-System, das Figmas eigene Produkt-Oberflächen mit wiederverwendbaren Komponenten, Mustern und Richtlinien ausstattet, um Konsistenz, Barrierefreiheit und Skalierbarkeit sicherzustellen. Als Evolution von Figmas Design-Sprache eingeführt, umfasst es eine umfassende Figma-Datei mit Auto-Layout-Komponenten, Design-Tokens und Best Practices zum Bau intuitiver Werkzeuge. Das System ist teilweise über Community-Dateien geöffnet, was es Designern erlaubt, Figmas Ansatz für eigene Projekte zu erkunden und anzupassen. Komponenten-Bibliothek: Kern-Elemente wie Schaltflächen, Inputs, Modals, Navigation und komplexe Widgets (z. B. Canvas-Werkzeuge) mit Varianten für Zustände und Themes. Design-Tokens: Semantische Farben, Typografie, Abstände, Schatten und Motion für einheitliches Styling. Barrierefreiheit: WCAG-konform mit Fokus-Zuständen, Kontrast-Verhältnissen und Tastatur-Navigation. Figma-nativ: Vollständiges Auto-Layout, Variablen und interaktive Komponenten für fortgeschrittenes Prototyping.

Am besten geeignet für

Teams Bau skalierbar, consistent digital products.

Hauptfunktionen

• Komponentenbibliothek: Core elements wie buttons, inputs, modals, navigation, und complex widgets (e.g., Leinwand Werkzeuge) mit variants für states und themes.
• gestalten-Tokens: Semantic Farben, Typografie, Abstand, shadows, und motion für unified styling.
• Barrierefreiheit: WCAG-compliant mit focus states, Kontrast ratios, und keyboard navigation.
• Figma-nativ: voll auto-Layout, variables, und interaktiv Komponenten für fortschrittlich Prototyping.