Forma 36 Design System

Contentful's open-source design system for consistent, accessible content management interfaces.

Product Overview

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.

Best For

Teams building scalable, consistent digital products.

Key Features

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.

Pros

+Open source
+Extensive icon library
+Color palette generation
+Accessibility contrast checking

Cons

-Adoption requires team alignment
-Customization can be complex

/// SPECS

Pricing:
Free
Platform:
Browser

ASSETS_DIRECTORY

figma

/// Similar Tools

Elastic UI

open-source React framework for consistent, accessible enterprise interfaces.

Evergreen

open-source React UI framework by Segment for consistent, accessible enterprise applications.

SAP Design System

open-source framework for consistent, accessible enterprise UI across SAP products.

Flowbite Design System

open-source Tailwind CSS component library with Figma kit for rapid UI building.

Friday Design System

open-source Figma UI kit for rapid prototyping with customizable components.

GOV.UK Design System

official UK government framework for consistent, accessible public service interfaces.

Horizon Design System

HashiCorp's open-source design system for consistent, accessible cloud management interfaces.

Material Design

Google's open-source design system for consistent, intuitive interfaces across platforms.

Fluent UI

Microsoft's open-source UI framework for consistent, accessible experiences across web, Windows, iOS, Android, and macOS.

Goldman Sachs Design System

internal framework for consistent, accessible enterprise financial interfaces.