DESIGN & DEVELOPMENT REFERENCE

名前がわかる。
そのまま実装できる。

306種類のUIパーツを、日本語名・英語の専門名称・よく使う画面位置・ライブ例・7種類のコード・Figma素材から確認できます。

UIパーツ
カテゴリ
7
実装形式

検索結果

件のUIパーツ

SCOPE

収録範囲

Web・デスクトップ・iOS・Androidで一般的に使われる基本部品、複合部品、状態画面を収録しています。製品固有の画面は、ここにある部品へ分解して考えられます。

英語名 / English name

使いどころ

別名 Aliases

よく使う位置 Typical placement

※ 代表的な配置です。製品の情報設計や画面幅に応じて変わります。

対応デバイス・入力方式

ライブプレビュー

COPY-READY EXAMPLE

実装サンプル

JSX

※ 状態管理が必要な部品は、最小限のJavaScript / React stateを含みます。