Tools and guidance for digital teams

Forma 36 is an open-source design system by Contentful created with the intent to reduce the overhead of creating UI by providing tools and guidance for digital teams building and extending Contentful products.

Resources for designers and developers

Everything you need to get started building for Contentful

Prototype in Figma with Forma 36 components

Copy the F36 UI Kit to Figma, publish it as a Team library and start prototyping. You need a Figma account to do this.

Copy F36 UI Kit to Figma

Illustration for React component library

Get started with our React components

Build your application or extension using the Forma 36 React component library

View all components in Storybook

Get the tokens

Design tokens for Forma 36 available as JSON, CSS, and SCSS

Get the tokens

Forma 36 FCSS

CSS utlity classes for spacing, colors, and more

Get FCSS

Forma 36 is open-source

We appreciate your contributions. For more details about how to contribute to a package, see the README of the corresponding package on GitHub

View on GitHub