● ONLINE
Forma 36 Design System

Forma 36 Design System

Sistemas de Design

Contentful's código aberto sistema de projetar para consistent, accessible content management interfaces.

GratuitoSistemas de Design
VISITAR SITE >>

Visão Geral

Forma 36 is Contentful's official open-source design system, providing a comprehensive set of UI components, guidelines, and tools to build consistent, accessible, and scalable experiences for content management platforms and related applications. It powers Contentful's own products and is available for external use, focusing on modularity, developer productivity, and user-centered design with React components and Figma libraries. Component Library: Reusable elements like buttons, forms, cards, tables, modals, and navigation with variants for themes and states. Design Tokens: Semantic colors, typography, spacing, icons, and motion for brand consistency. Accessibility: WCAG-compliant with ARIA support and inclusive patterns. Tools: Figma kit for prototyping; React library with TypeScript support for implementation.

label.best_for

equipes construindo escalável, consistent digital products.

Principais Recursos

  • biblioteca de componentes: Reusable elements como buttons, forms, cards, tables, modals, e navigation com variants para themes e states.
  • tokens de projetar: Semantic cores, tipografia, espaçamento, ícones, e motion para marca consistency.
  • acessibilidade: WCAG-compliant com ARIA suporte e inclusive padrões.
  • ferramentas: Figma kit para prototipagem; React biblioteca com TypeScript suporte para implementation.

Prós

  • +Código aberto
  • +Biblioteca extensa de ícones
  • +Geração de paleta de cores
  • +Verificação de contraste de acessibilidade

Contras

  • -A adoção requer alinhamento da equipe
  • -A personalização pode ser complexa

/// ESPECIFICAÇÕES

  • Preço:free
  • Plataforma:
    Browser
ASSETS_DIRECTORY
figma
/// Ferramentas Similares
Vuetify

Vuetify

Vuetify é um completo Vue.js framework de IU esse strictly adheres para material projetar guidelines, oferecendo rico conjunto de componentes e poderoso personalização capabilities.

A2UI

A2UI

código aberto protocol para IA agents para gerar seguro, declarative UIs através de platforms.

Watt Design System

Watt Design System

Holaluz's Figma-baseado kit de IU para consistent, accessible renewable energy interfaces.