ハンズオン とは 意味/解説/説明

エンジニアなら知っておきたいFigmaのキホン

Figmaの基本構造を無償の「Starter」で理解する

連載第1回の今回は、Figmaを活用してWebデザインをはじめる前に押さえておきたいFigmaの基礎について解説します。

梅田 弘之（うめだ ひろゆき）

2024年12月20日 7:02

エンジニアなら知っておきたいFigmaのキホン

Figmaのデザインシステムの理解と実践【その1】

連載第2回の今回は、Figmaを使用したデザインシステム構築の基本となる「標準化」「部品化」の重要性と、その実践方法について解説します。

梅田 弘之（うめだ ひろゆき）

1月17日 6:30

エンジニアなら知っておきたいFigmaのキホン

Figmaのデザインシステムの理解と実践【その2】

連載第3回の今回は、Figmaのプロパティパネルを活用し、デザインシステムの作成における「グループ化」と「オートレイアウト」の設定方法を解説します。

梅田 弘之（うめだ ひろゆき）

2月14日 6:30

エンジニアなら知っておきたいFigmaのキホン

「コンポーネント」と「インスタンス」を活用する

連載第4回の今回は、FigmaでUI要素を部品化するための「コンポーネント」と「インスタンス」の作成・管理方法について解説します。

梅田 弘之（うめだ ひろゆき）

3月5日 6:30

エンジニアなら知っておきたいFigmaのキホン

「デザイントークン」の階層構造でUI設計を「標準化」する

連載第5回の今回は、Figmaでデザイントークンのプリミティブ・エイリアス・セマンティックの3階層構造を用いてUI設計を標準化する手法を解説します。

梅田 弘之（うめだ ひろゆき）

3月27日 6:30

エンジニアなら知っておきたいFigmaのキホン

「スタイル」機能でテキストのデザインを統一する

連載第6回の今回は、Figmaのスタイル機能を使ったタイポグラフィーの標準化について解説します。

梅田 弘之（うめだ ひろゆき）

4月16日 6:30

「バリアブル」と「コレクション」機能でカラー設計を標準化する

5月8日 8:57

「エフェクト」「文字列」「数値バリアブル」でデザイン設定を標準化する

5月28日 6:30

「Atomic Design」で再利用しやすいUIパーツを設計する

6月18日 6:30

「スタイル」機能で「フッター」を設計してコンポーネント化する

7月23日 6:30

「ヘッダー」の構造設計と命名ルールを通して「階層管理」を理解する

8月13日 6:30

「テキストボックス」を作成しながら「ステートベースドデザイン」の考え方を理解しよう

9月3日 6:30