#1 - バナーをデザインして基本操作をマスターしよう（全3回）

2025年更新、Figmaの超初心者向けチュートリアルです。仕事で使う、デザインをはじめたい、全ての人向けに基本的な使い方を動画で説明しながら解説します！💪

📜目次

-----------------------------------------------

00:00 イントロ :Figmaチュートリアルについて
00:53 a. Figmaの全体像を知りたいなら
01:26 チュートリアルでの目標
01:29 a. バナーを作るのが目標！
03:17 バナーを作る準備をしよう
03:20 a. Figmaのアプリをインストール
05:26 b. デザインファイルを作成しよう
06:23 c. 素材をコピーしよう
08:34 基本機能：Frameと移動ツール
08:37 a. Frameでデザインする枠をつくる
10:58 b. 移動ツールと詳細パネル
14:57 Frameのサイズを設定しよう
15:00 a. 選択してサイズを調べよう
15:48 b. サイズを指定しよう
18:21 c. Frame名を変更してみよう
19:22 レイヤーパネルについて
19:25 a. 左側のパネルについて
20:43 b. レイヤーの解説
25:26 ページについて
25:29 a. ページ機能の説明忘れてた
26:25 まとめと次のステップ
26:29 a. やり方を真似して回数を増やそう
26:51 b. 次のステップ
27:10 高評価・登録おねがいします！

‍

□ Figma素材リンクはこちら！‍

‍https://www.figma.com/file/PuNqOnvB3I5XZkOlbaa6QJ?node-id=0:1&locale=en&type=design

‍

2025年更新、Figmaの超初心者向けチュートリアルです。仕事で使う、デザインをはじめたい、全ての人向けに基本的な使い方を動画で説明しながら解説します！💪

📜目次

-----------------------------------------------

00:00 イントロ :Figmaチュートリアルについて
00:53 a. Figmaの全体像を知りたいなら
01:26 チュートリアルでの目標
01:29 a. バナーを作るのが目標！
03:17 バナーを作る準備をしよう
03:20 a. Figmaのアプリをインストール
05:26 b. デザインファイルを作成しよう
06:23 c. 素材をコピーしよう
08:34 基本機能：Frameと移動ツール
08:37 a. Frameでデザインする枠をつくる
10:58 b. 移動ツールと詳細パネル
14:57 Frameのサイズを設定しよう
15:00 a. 選択してサイズを調べよう
15:48 b. サイズを指定しよう
18:21 c. Frame名を変更してみよう
19:22 レイヤーパネルについて
19:25 a. 左側のパネルについて
20:43 b. レイヤーの解説
25:26 ページについて
25:29 a. ページ機能の説明忘れてた
26:25 まとめと次のステップ
26:29 a. やり方を真似して回数を増やそう
26:51 b. 次のステップ
27:10 高評価・登録おねがいします！

‍

□ Figma素材リンクはこちら！‍

https://www.figma.com/file/PuNqOnvB3I5XZkOlbaa6QJ?node-id=0:1&locale=en&type=design

‍

‍