
URLをコピー
本講座は初めてFigmaを触る初心者向けに、Figmaの設定から始まり、最終的に独りで基本的な操作ができるレベルを目指します。
※本講座はご購入後もFigmaのアップデートに合わせて更新予定です。
講師はデザインスクールでもトレーナーをつとめる現役デザイナー。まずは動画内のレクチャーを真似しながら、操作方法を習得します
講義で習得した操作法を活かして、課題としてサイトのメインビジュアルを作成します。テーマ通り作れているか、答え合わせと復習も可能です
WEBサイト、LP、アプリのプロトタイプまで作成できるFigmaは、「WEBデザイナーの標準スキル」といっても過言ではない存在になりつつあります。基礎講座では、シェイプの作り方やペンツールの使い方など、独学で勉強したプロでも意外と見落としがちな基本操作を網羅しています。きちんとFigmaの基本操作を勉強したい方にお勧めです。
✅PC
✅Figmaアカウント
※Figmaアカウントの設定方法は講座内でもレクチャーいたします。
講座視聴までの流れについてご案内いたします。
デジタルハリウッドSTUDIO by LIGにてトレーナーを務める。StartWith Inc.CEOにてスタートアップ向けのデザインコンサルティング会社を経営しながら、デザイナー向け、スタートアップ経営者向けにデザイン研修を実施。WEBサイトをはじめ、LP、名刺、ロゴ、バナー、スライドなどさまざまな販促物の制作/研修を支援。
セクション 1:イントロ | ||||
1 | 本講座の概要と目的 | 1:42 | ||
2 | Figmaとは? | 2:18 | ||
セクション 2:準備 | ||||
3 | アカウント作成と言語設定 | 3:29 | ||
セクション 3:ワーク | ||||
4 | ファイルの新規作成 | 2:24 | ||
5 | フレームとは? | 1:30 | ||
セクション 4:シェイプ | ||||
6 | 様々なシェイプの作り方①「四角」 | 3:29 | ||
7 | 様々なシェイプの作り方②「丸」 | 1:29 | ||
8 | 様々なシェイプの作り方③「多角形」 | 1:46 | ||
9 | 様々なシェイプの作り方④「ギザ丸」 | 2:04 | ||
10 | 直線と矢印の編集 | 2:39 | ||
11 | アンカーポイントの編集 | 2:37 | ||
12 | ペンツールの使い方 | 1:31 | ||
13 | 曲線ツールの使い方 | 5:12 | ||
14 | ブーリアングループの使い方 | 4:43 | ||
セクション 5:カラー | ||||
15 | 色(塗りと枠線)の編集 | 5:52 | ||
16 | グラデーションの編集 | 2:44 | ||
セクション 6:エフェクト | ||||
17 | エフェクトのつけ方 | 5:29 | ||
セクション 7:フォント | ||||
18 | Googleフォントの追加方法 | 2:07 | ||
19 | Adobeフォントの追加方法 | 1:14 | ||
20 | テキストの追加、編集方法 | 7:24 | ||
セクション 8:画像 | ||||
21 | 画像のアップロード方法 | 2:50 | ||
22 | 画像の編集方法 | 1:40 | ||
23 | レイヤーへのブレンドモードの適用 | 4:47 | ||
24 | 要素の整列方法 | 3:22 | ||
セクション 9:プラグイン | ||||
25 | プラグインの追加方法 | 3:42 | ||
26 | 人気のプラグイン | 4:03 | ||
セクション 10:エクスポート | ||||
27 | データの書き出し方 | 3:47 | ||
セクション 11:インポート | ||||
28 | ファイルのインポート方法 | 1:17 | ||
29 | 課題完成イメージのダウンロードはこちら | 1:00 | ||
セクション 12:グリッド | ||||
30 | レイアウトグリッドの使い方 | 2:50 | ||
セクション 13:課題制作実践 | ||||
31 | 課題について | 3:19 | ||
32 | 課題の答え合わせ | 18:10 |