UI
Figmaでボタン、テーブル、リストといったUI（ユーザーインターフェース）を作成・レイアウトする方法を紹介します。本サイトにおけるUIとは、主にコンピュータ（スマホやPC）をユーザーが使用する際に、視覚的に理解できるよう設計された画面（GUI、CUI）、または画面を構成する要素全般を指します。
これからUIデザイナーとして就業する方におすすめの書籍（2026年1月版）
2026.01.23
UIデザイナーを目指す学生のためのポートフォリオ作成の手引き
2025.12.25
「UI/UXデザイナー」という言葉の違和感。なぜその表現は避けるべきなのか
2025.11.28
Figmaのブール演算機能の使い方
2025.10.31
ゲシュタルト原則の7つの 法則とUIデザインへの応用
2025.10.24
ゲームUIデザインを独学で学ぶ方法のメモ
2025.10.08
2025年9月から東京工科大学で非常勤講師としてUIに関する授業を担当することになりました
2025.09.26
デザインにおける行動の可能性と手がかり
2025.09.12
UIデザインは何に役立つのか？
2025.09.05
『現場の「あるある」から学んだ 今すぐ使える「UIデザイン」41の法則』を読んで
2025.08.29
『インターフェースデザインの心理学 第2版』を読んで
2025.04.18
その「直感的なUI」、本当に直感的ですか？
2025.03.07
Figmaでシンプルなダイアログ・コンポーネントを作る方法
2024.01.12
FigmaでiOS 17・iPadOS 17のUIキットを利用する方法
2023.06.09
Figmaでシンプルな円グラフを生成するプラグインの紹介
2023.03.03
Figmaでテキスト内にアイコンを挿入する方法
2023.02.24
マウスオーバー・クリックすると罫線スタイルが変わるテ ーブル（プロトタイプ）
2022.09.03
Figmaで汎用的なUIコンポーネントを作る方法
2022.07.29
スライドするアニメーション付きのスイッチ（プロトタイプ）
2022.04.15
Figmaでシンプルなツールチップ・コンポーネントを作る方法
2022.03.25
Figmaで塗りが円形に広がるアニメーションのボタン（プロトタイプ）
2022.03.11
Figmaでシンプルなサイドメニュー・コンポーネントを作る方法
2022.03.04
Figmaでシンプルなラジオボタン・コンポーネントを作る方法
2022.02.04
Figmaでシンプルなチェックボックス・コンポーネントを作る方法
2022.01.21
Figmaのコンポーネント機能の基本的な使い方
2021.12.17
Figmaでシンプルなフォーム・コンポーネントを作る方法
2021.11.19
Figmaでシンプルなヘッダー・コンポーネントを作る方法
2021.10.29
Figmaでシンプルなタブ・コンポーネントを作る方法
2021.10.15
Figmaで無料のアイコン素材集を利用する方法
2021.09.24
Figmaでシンプルなボタン・コンポーネントを作る方法
2021.09.17
Figmaでシンプルなテーブル（表）を作る方法
2021.09.03
Figmaで簡単に円グラフや棒グラフを作る方法
2021.06.18