プロダクト概要
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.
メリット
- +オープンソース
- +豊富なアイコンライブラリ
- +カラーパレット生成
- +アクセシビリティのコントラスト確認
デメリット
- -導入にはチームの合意が必要
- -カスタマイズが複雑になる場合あり
/// スペック
- 価格:free
- プラットフォーム:Browser
ASSETS_DIRECTORY
/// 関連ツール



