Figmaの使い方 「完全攻略」 基本編を分かりやすく解説!【2023年最新版】

Тәжірибелік нұсқаулар және стиль

★有料動画講座をリリース!!
=========
KZreadよりもっと丁寧に、手とり足取り学びたい方へ
デザイン素材をダウンロードして、動画を見ながら一緒にデザイン作成して学べる講座を用意しました!
すでに各講座の受講者は合計5000人を超えて好評頂いてます!
↓お得な割引情報アリ↓
stand-4u.com/lp/video-course-...
=========
今回は「日本語版 Figmaの使い方!完全攻略基本編」という事で、日本語版が公開されたFigmaについて、今までPhotoshopやXDを使ってきて、Figmaも使えるようになりたい!という方からデザイン初心者の方へ向けて
FIgmaの基本操作からFigmaならではの便利な機能まで、Figmaの使い方を完全攻略したい方に向けて「最新の日本語版 Figma」の画面を使いながら、わかりやすくチュートリアル的に解説します!
この動画一本で、すぐにFigmaでWEBデザインをスタートできるので、まず一度通して見てみましょう!
ーーー
0:00  ダイジェスト
0:33  今回の動画の説明
1:04  figmaとは
1:46  figmaの始め方
2:12  日本語版・英語版の切替え
2:42  WEB版とデスクトップアプリ版
3:15  新規ファイル作成
4:01  画面構成の説明
4:33  移動ツールの使い方
4:54  拡大縮小ツールの使い方
5:35  フレームツールの使い方
6:11  スライスツールの使い方
6:25  シェイプツールの使い方
7:19  ペンツールの使い方
8:23  鉛筆ツールの使い方
8:55  テキストツールの使い方
9:53  リソースツールの使い方
10:16  手のひらツールの使い方
10:34  コメントツールの使い方
11:20  プロパティパネル:シェイプ
15:37  プロパティパネル:線
15:55  プロパティパネル:テキスト
16:32  グループとフレームの違い
18:03  オートレイアウト機能
21:29  レスポンシブパーツの作り方
24:01  コンポーネント機能
27:58  マスクの機能
30:07  スタイルの使い方
33:06  画像の書き出し
34:07  プロトタイプ機能
35:51  figmaの使い方基本編のまとめ
ーーー
○関連動画
▼figmaの使い方【実践編】デザインを作りながら学ぼう!
• Figmaの使い方【実践編】WEBデザインを...
▼figmaコンポーネント機能の使い方!とインスタンスの挙動
• figmaコンポーネント機能の使い方!とイ...
▼figmaオートレイアウトの使い方!レスポンシブパーツの作り方
• figmaオートレイアウトの使い方!レスポン...
▼Figmaの時間短縮できる!オススメプラグイン10選【2022】
• Figmaの時間短縮できる!オススメプラグイ...
▼Figmaの新機能「セクションツール」の使い方と使いどころ
• Figmaの新機能「セクションツール」の使い...
●当動画のブログ記事:「Figmaの使い方」図解でわかりやすく(基本編)
stand-4u.com/web/tool/figma.html
このように当チャンネルではWEBデザイナーやWEB制作者になりたい方に役立つ動画を「初心者の方に分かりやすく」をモットーにアップしますので、チャンネル登録して頂けると励みになりますので、よろしくお願いします!
▼チャンネル登録
/ @ustand-4u209
ーーー
▶ STAND4U ブログ:stand-4u.com/
▶ 公式 Twitter: / stand_4u_
▶ 公式 Instagram: / stand_4u
ーーー
#figma使い方
#figma日本語版
#figma日本語化
#figmaコンポーネント
#チュートリアル
#figmaレスポンシブデザイン
#webデザイナー
#webデザイン
#photoshop
#xd
#web制作
#figma基本

Пікірлер: 12

  • @user-qi6zv2kr4q
    @user-qi6zv2kr4q2 ай бұрын

    すごくわかりやすいです!解説ありがとうございます!

  • @shm1933
    @shm1933 Жыл бұрын

    分かりやすい解説ありがとうございました! figmaの便利さ簡単さ、こちらの動画を見ながら操作してみて、ようやく理解することができました!

  • @ustand-4u209

    @ustand-4u209

    Жыл бұрын

    ありがとうございます!Figma便利ですよね。使いこなすと効率アップするので、ぜひどんどん使ってみてください。

  • @user-qk4sq8bh1r
    @user-qk4sq8bh1r7 ай бұрын

    解りやすい説明ありがとうございます。

  • @ustand-4u209

    @ustand-4u209

    7 ай бұрын

    よかったです。ご感想ありがとうございます!

  • @heso515
    @heso515 Жыл бұрын

    すごく要点がまとめられていてスムーズに全体像を理解できました。 ありがとうございました。

  • @ustand-4u209

    @ustand-4u209

    Жыл бұрын

    ありがとうございます!!めちゃくちゃ励みになります!まだまだ動画アップしますので、リクエストもお待ちしていますね! これからも是非よろしくお願いします!

  • @misao9976
    @misao99765 ай бұрын

    このチュートリアル動画 使い方がとてもわかりやすいです♪

  • @ustand-4u209

    @ustand-4u209

    5 ай бұрын

    ありがとうございます!他の動画もよかったらのぞいてみてください。

  • @user-jo6zu2br6y
    @user-jo6zu2br6y Жыл бұрын

    こんにちは。WEB制作の勉強をしているものです。すごくわかりやすい上に無駄がなく、すごくタメになりました。ありがとうございました。不勉強で申し訳ないのですが、figmaで作ったレスポンシブパーツといういうのは、実際のWEB制作の現場ではどういう時に使うのでしょうか。教えていただけると嬉しいです。また動画楽しみにしています。

  • @ustand-4u209

    @ustand-4u209

    Жыл бұрын

    ありがとうございます!今回作ったようなレスポンシブパーツの活用の仕方は、アイデア次第ですが、基本的には同じデザインで複数の画面サイズのデザインを作るようにクライアントから求められた場合に(横幅2000px、1200px、800px、370px)など、まず1つ横幅で幅を可変できるレスポンシブパーツを作っておけば、その他のサイズをコピーして作る場合に、簡単に伸ばすだけで作りやすくなるといったような使い方があるかと思います。

  • @user-jo6zu2br6y

    @user-jo6zu2br6y

    Жыл бұрын

    @@ustand-4u209 ☺返信ありがとうございます。参考にさせて頂きます!

Келесі