Figma入門講座（全21回）Eラーニング 録画配信

これからFigmaを使用したい、使い方を知りたい初心者の方を対象としたEラーニングです。

Figmaの概要から、基本操作、Webサイト制作を想定したワイヤーフレーム・デザインカンプの作成まで全21回で学んでいきます。

▼全21回：講義内容(23:57:33)

• Figma 01（1:00:03）
  1. Figmaの概要
  2. Figmaアカウントの作成
  3. Figmaのインストールと日本語
• Figma 02（1:16:37）
  1. Figmaの特徴
  2. Figmaデータの基本
  3. デザインファイルとfigjamファイル
• Figma 03（1:00:48）
  1. 基本操作:フレーム
  2. 基本操作:シェイプツール
• Figma 04（1:08:51）
  1. 基本操作:ペンツール／直線
  2. 基本操作:ペンツール／曲線
  3. 基本操作:鉛筆ツール
• Figma 05（1:21:03）
  1. 基本操作:一行のテキスト
  2. 基本操作:複数行のテキスト
  3. 基本操作:テキストの詳細設定
• Figma 06（1:16:25）
  1. 基本操作:画像の挿入
  2. 基本操作:画像の調整
  3. 基本操作:ブーリアングループ
• Figma 07（1:09:07）
  1. 基本操作:塗りのスタイル
  2. 基本操作:エフェクト
  3. 基本操作:レイヤーのブレンド
• Figma 08（1:10:33）
  1. コンポーネントの作成
  2. インスタンスの利用
  3. メインコンポーネントとインスタンス
• Figma 09（1:04:10）
  1. オートレイアウト
  2. オートレイアウトの追加
• Figma 10（1:11:29）
  1. 色スタイルの登録
  2. テキストスタイルの登録
  3. レイアウトグリッドの表示
• Figma 11（0:59:58）
  1. バージョンの管理1
  2. バージョンの管理2
  3. 選択範囲の色表示
• Figma 12（1:14:34）
  1. ファイルの共有
  2. コメント機能
  3. チームライブラリ
• Figma 13（1:10:11）
  1. プラグイン
  2. ファイル／テンプレート
  3. ウィジェット
• Figma 14（1:04:20）
  1. Webサイト制作の流れ
  2. ワイヤーフレームの基本
  3. プレビューの確認とファイルの書き出し
• Figma 15（0:52:27）
  1. ワイヤーフレーム：ヘッダとグローバルナビ
  2. ワイヤーフレーム：キービジュアルとキャッチエリア
• Figma 16（1:05:13）
  1. ワイヤーフレーム：画像と文字の配置１
  2. ワイヤーフレーム：画像と文字の配置２
  3. ワイヤーフレーム：フッタ
• Figma 17（1:04:40）
  1. ワイヤーフレーム：コーディングのための作業1
  2. ワイヤーフレーム：コーディングのための作業2
  3. ワイヤーフレーム：コーディングのための作業3
• Figma 18（1:08:41）
  1. デザインカンプ：画像の配置
  2. デザインカンプ：PDFの書き出し
  3. デザインカンプ：パーツの書き出し
• Figma 19（1:14:13）
  デザイン実践：広告バナーの作成
• Figma 20（1:12:13）
  デザイン実践：サムネイルの作成
• Figma 21（1:11:57）
  デザイン実践：UIデザインの作成

お問い合わせ