Figma UI2

プロダクト概要

UI2は、Figmaの内部およびコミュニティ共有デザインシステムで、Figma自身のプロダクトインターフェースを駆動する再利用可能なコンポーネント、パターン、ガイドラインで、一貫性、アクセシビリティ、スケーラビリティを保証します。Figmaのデザイン言語の進化としてローンチされ、オートレイアウトコンポーネント、デザイントークン、直感的なツールを構築するためのベストプラクティスを備えた包括的なFigmaファイルを含みます。システムはコミュニティファイルを通じて部分的に公開され、デザイナーが自身のプロジェクトのためにFigmaのアプローチを探索・適用できるようにしています。 コンポーネントライブラリ：状態とテーマのためのバリアントを備えたボタン、入力、モーダル、ナビゲーション、複雑なウィジェット（キャンバスツールなど）のコア要素。 デザイントークン：統一されたスタイリングのためのセマンティックカラー、タイポグラフィ、間隔、シャドウ、モーション。 アクセシビリティ：フォーカス状態、コントラスト比、キーボードナビゲーションを備えたWCAG準拠。 Figmaネイティブ：高度なプロトタイピングのための完全なオートレイアウト、変数、インタラクティブコンポーネント。

label.best_for

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

主な機能

• コンポーネントライブラリ: Core elements のような buttons, inputs, modals, navigation, と complex widgets (e.g., キャンバス ツール) を使った variants のための states と themes.
• デザイントークン: Semantic 色, タイポグラフィ, 間隔, shadows, と motion のための unified styling.
• アクセシビリティ: WCAG-compliant を使った focus states, コントラスト ratios, と keyboard navigation.
• Figma-ネイティブ: 完全 auto-レイアウト, variables, と インタラクティブ コンポーネント のための 高度 プロトタイピング.