figma-simple-components-series-202210
公開日: 2022.10.22  | 更新日: 2022.10.22

シンプルなコンポーネントシリーズの人気ランキング

平素よりwentz-design.comをご愛顧いただきまして、誠にありがとうございます。今回は、当サイトで紹介した「シンプルなコンポーネント」シリーズが2022年10月現在まで、ダウンロードされた回数順に紹介したいと思います。

Figma Communityにファイルを公開していると、ウイークリーメールで閲覧数・ダウンロード数が以下のようにダイジェストがメール通知されます。

figma-weekly-notification

それをもとに、人気(?)のコンポーネント順に紹介いたします。

厳密にパフォーマンスを分析するのであれば記事ごとに公開からの期間で揃えるべきですが、今回は無視して単純にこれまでの総数でランキングしています。


シンプルなテーブル・コンポーネント

閲覧:3017、ダウンロード:1275

Figmaでシンプルなテーブル(表)を作る方法

今回は、Figmaでシンプルなテーブル(表)を作る方法を紹介します。ヘッダーと罫線だけのシンプルな表を、「Component」と「Auto Layout」を使って丁寧に作成します。また、自由に使えるサンプルファイルも用意していますので、よかったらご活用ください。 ... 続きを読む

figma-how-to-create-table

シンプルなフォーム・コンポーネント

閲覧:1668、ダウンロード:401

Figmaでシンプルなフォーム・コンポーネントを作る方法

今回は、Figmaでテキスト入力のシンプルなフォーム・コンポーネントを作る方法を紹介します。一般的なサービスでよくみるフォームを「Component」や「Auto layout」を使って作成します。自由に使えるサンプルファイルも用意していますので、よければご活用ください。 ... 続きを読む

figma-how-to-create-form

シンプルなラジオボタン・コンポーネント

閲覧:1102、ダウンロード:405

Figmaでシンプルなラジオボタン・コンポーネントを作る方法

今回は、Figmaでシンプルなラジオボタン・コンポーネントを作る方法を紹介します。一般的なラジオボタンを「Component」や「Auto layout」を使って作成します。自由に使えるサンプルファイルも用意していますので、よければご活用ください。 ... 続きを読む

figma-how-to-create-radio-button

シンプルなチェックボタン・コンポーネント

閲覧:983、ダウンロード:368

Figmaでシンプルなチェックボックス・コンポーネントを作る方法

今回は、Figmaでシンプルなチェックボックス・コンポーネントを作る方法を紹介します。一般的なチェックボックスを「Component」や「Auto layout」を使って作成します。自由に使えるサンプルファイルも用意していますので、よければご活用ください。 ... 続きを読む

figma-how-to-create-checkbox

シンプルなボタン・コンポーネント

閲覧:1039、ダウンロード:138

Figmaでシンプルなボタン・コンポーネントを作る方法

今回は、Figmaでシンプルなボタン・コンポーネントを作る方法を紹介します。テキストのシンプルなボタンを、「Component」と「Variants」と「Auto layout」を使って丁寧に作成します。また、自由に使えるサンプルファイルも用意していますので、ご活用ください。 ... 続きを読む

figma-how-to-create-button

そのほかのコンポーネント

Figmaでシンプルなツールチップ・コンポーネントを作る方法

今回は、Figmaでシンプルなツールチップ・コンポーネントを作る方法を紹介します。吹き出し形式のツールチップを、「Component」と「Variants」と「Auto layout」を使って作成します。自由に使えるサンプルファイルも用意していますので、よかったらご活用ください。 ... 続きを読む

figma-how-to-create-tooltip

Figmaでシンプルなサイドメニュー・コンポーネントを作る方法

今回は、Figmaでシンプルなサイドメニュー・コンポーネントを作る方法を紹介します。一般的なサイドメニューを「Component」や「Auto layout」を使って作成します。自由に使えるサンプルファイルも用意していますので、よければご活用ください。 ... 続きを読む

figma-how-to-create-side-menu

Figmaでシンプルなタブ・コンポーネントを作る方法

今回は、Figmaでシンプルなタブ・コンポーネントを作る方法を紹介します。テキスト長に合わせて伸縮するタブを、「Component」と「Variants」と「Auto layout」を使って作成します。また、自由に使えるサンプルファイルも用意していますので、ご活用ください。 ... 続きを読む

figma-how-to-create-tab

Figmaでシンプルなヘッダー・コンポーネントを作る方法

今回は、Figmaでシンプルなヘッダー・コンポーネントを作る方法を紹介します。一般的なサービスでよくみるシンプルなヘッダーを「Component」や「Auto layout」を使って作成します。自由に使えるサンプルファイルも用意していますので、よければご活用ください。 ... 続きを読む

figma-how-to-create-header


最新の記事を見る
広告
この記事を書いた人
うえんつ

うえんつ

X a.k.a Twitter
B2B領域のSaaS・アプリケーション開発などを組織で取り組むことが得意なプロダクトデザイナーで、このブログのオーナーです。
今の関心事
Figma・UIデザイン・UXリサーチ・QOL・旅行
広告