> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://contentful.com/developers/docs/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://contentful.com/developers/docs/_mcp/server.

# Forma 36

> Forma 36 - The Contentful Design System | An open source design system by Contentful created with the intent to reduce developer overhead

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

![The Forma 36 landing page](/developers/docs/_fern-img/b301a81f7a5d3d0a1af6ec3fb4397d06bc1bef5a8c4c55402e45e8e47fe84557.webp)

As a part of Forma 36, we provide an open-source react UI library that contains all the components you might need to build your apps quickly and consistently with the Contentful UI.

**NOTE**: Because Forma 36 is an open-source project, we welcome contributions from our community. If you have an idea that could help other users, a new solution, fix existing components, or a new component, we would love for you to share it with us. For more information on contributing to Forma 36, see our [documentation](https://f36.contentful.com/introduction/contributing).

To explore our design system and learn more about Forma 36, see the [Forma 36 website](https://f36.contentful.com/) and the [GitHub repository](https://github.com/contentful/forma-36).