Forma 36 Design System

プロダクト概要

Forma 36は、Contentfulの公式オープンソースデザインシステムで、コンテンツ管理プラットフォームと関連アプリケーションのための一貫性のあるアクセシブルでスケーラブルな体験を構築するための包括的なUIコンポーネント、ガイドライン、ツールのセットを提供します。Contentful自身のプロダクトを支え、外部利用も可能で、モジュール性、開発者の生産性、ReactコンポーネントとFigmaライブラリを備えたユーザー中心のデザインに焦点を当てています。 コンポーネントライブラリ：テーマと状態のためのバリアントを備えたボタン、フォーム、カード、テーブル、モーダル、ナビゲーションなどの再利用可能な要素。 デザイントークン：ブランドの一貫性のためのセマンティックカラー、タイポグラフィ、間隔、アイコン、モーション。 アクセシビリティ：ARIAサポートと包括的なパターンを備えたWCAG準拠。 ツール：プロトタイピングのためのFigmaキット。実装のためのTypeScriptサポートを備えたReactライブラリ。

label.best_for

チーム 構築 スケーラブル, consistent digital products.

主な機能

• コンポーネントライブラリ: Reusable elements のような buttons, forms, cards, tables, modals, と navigation を使った variants のための themes と states.
• デザイントークン: Semantic 色, タイポグラフィ, 間隔, アイコン, と motion のための ブランド consistency.
• アクセシビリティ: WCAG-compliant を使った ARIA サポート と inclusive パターン.
• ツール: Figma キット のための プロトタイピング; React ライブラリ を使った TypeScript サポート のための implementation.