Figma UI2

Product Overview

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.

label.best_for

Teams building scalable, consistent digital products.

Key Features

• 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.