Figma UI2

Visão Geral

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.

Melhor para

equipes construindo escalável, consistent digital products.

Principais Recursos

• biblioteca de componentes: Core elements como buttons, inputs, modals, navigation, e complex widgets (e.g., tela ferramentas) com variants para states e themes.
• tokens de projetar: Semantic cores, tipografia, espaçamento, shadows, e motion para unified styling.
• acessibilidade: WCAG-compliant com focus states, contraste ratios, e keyboard navigation.
• Figma-nativo: completo auto-layout, variables, e interativo componentes para avançado prototipagem.