figmaオートレイアウトの使い方！レスポンシブパーツの作り方
Тәжірибелік нұсқаулар және стиль
★有料動画講座をリリース！！
＝＝＝＝＝＝＝＝＝
KZreadよりもっと丁寧に、手とり足取り学びたい方へ
デザイン素材をダウンロードして、動画を見ながら一緒にデザイン作成して学べる講座を用意しました！
すでに各講座の受講者は合計5000人を超えて好評頂いてます！
↓お得な割引情報アリ↓
stand-4u.com/lp/video-course-...
＝＝＝＝＝＝＝＝＝
今回はFigmaのオートレイアウト機能の使い方を分かりやすく解説します！
この動画でFigmaのオートレイアウト機能の仕様や使い所や、レスポンシブパーツの作り方、オートレイアウト機能で作るボタンの作り方等が理解できるようになります！
ーーー
0:00 今回の動画の説明
0:22 グループ・フレーム
1:52 オートレイアウト機能
5:16 レスポンシブパーツとは
5:53 レスポンシブパーツの作り方
7:48 オートレイアウトを使ったボタン作成
10:34 オートレイアウトの使い方のまとめ
ーーー
○当動画のブログ記事：「Figmaの使い方」図解でわかりやすく（基本編）
stand-4u.com/web/tool/figma.html
○関連動画
▼【日本語版】Figmaの使い方 ｢完全攻略｣ 基本編を分かりやすく解説！
• Figmaの使い方 ｢完全攻略｣ 基本編を分...
▼figmaの使い方【実践編】デザインを作りながら学ぼう！
• Figmaの使い方【実践編】WEBデザインを...
▼figmaコンポーネント機能の使い方！とインスタンスの挙動
• figmaコンポーネント機能の使い方！とイ...
▼Figmaの時間短縮できる！オススメプラグイン10選【2022】
• Figmaの時間短縮できる！オススメプラグイ...
▼Figmaの新機能「セクションツール」の使い方と使いどころ
• Figmaの新機能「セクションツール」の使い...
このように当チャンネルではWEBデザイナーやWEB制作者になりたい方に役立つ動画を「初心者の方に分かりやすく」をモットーにアップしますので、チャンネル登録して頂けると励みになりますので、よろしくお願いします！
▼チャンネル登録
/ @ustand-4u209
ーーー
▶ STAND4U ブログ：stand-4u.com/
▶ 公式 Twitter： / stand_4u_
▶ 公式 Instagram： / stand_4u
ーーー
#figma
#オートレイアウト
#レスポンシブ
#figma使い方
#webデザイン
#webデザイナー
#web制作
Пікірлер: 12
今、某WEBスクール（オンライン）でFigmaを学んでいるのですが、 圧倒的にUチャンネルさんの動画の方がわかりやすく実践的で感動しました！ もっと色々な動画みたいです😄
オートレイアウト凄く便利なんですね！レスポンシブパーツも作れるとは初めて知りました✨ そして何よりとても分かりやすい‥ありがとうございます☺️
@ustand-4u209
Жыл бұрын
ありがとうございます！オートレイアウト、ほんとうに便利ですよね！
@hirune_camp
Жыл бұрын
@@ustand-4u209 投稿されてる動画全部見ました！✨ こんなに初心者の人に分かりやすく 解説してるチャンネルなかなか無いです！ Webデザイナー目指してる人皆におすすめしたいです！✨ 動画投稿楽しみにしてますね😊
@ustand-4u209
Жыл бұрын
@@hirune_camp ありがとうございます。KZreadの方もまた時間を作ってアップできるようにがんばりますね！
はじめまして！コメント失礼します。figmaやphoto shopを最近始めました。 とても分かりやすくありがたいです。 フレームやグループ化をする際に一気に選択しているのはどの様にしているのですか？初心者すぎて、簡単にやられている事も「今のどうやってやってるの？？！」となってしまうので、そこまで教えて下さると大変助かります。 そこまでの初心者向け動画で無ければ今のスタイルで続けて下さい。
@ustand-4u209
Жыл бұрын
ご意見、ありがとうございます！ 今回の動画は、たしかに説明が早い部分もあるので、 もっと初心者の方に向けた動画もまた、アップしたいと思っています！（コメントでリクエストもお待ちしています） ちなみに、ご質問の「フレームやグループ化をする際に一気に選択しているのはどの様にしているのですか？」は、どの操作の事を指していますが？動画の「何分何秒のあたり」で教えていただけると助かります！
@user-tg4wv8oy4m
Жыл бұрын
返信ありがとうございます！ 0:37位のあたりにやっている作業です。
@ustand-4u209
Жыл бұрын
@@user-tg4wv8oy4m なるほど0:37の動作は、マウスで左クリックボタンを押しながらマウスを動かして２つの要素をなぞるようにして選択し、左クリックの指を離すと選択できているという状態になります。ちなみにこの動作を「ドラッグする」と言います。（この動作の事であってますか？）
@user-tg4wv8oy4m
Жыл бұрын
@@ustand-4u209 なるほど！外側から持ってきてドラッグすると、簡単に２つを選択できるのですね！ ありがとうございます！
@user-tg4wv8oy4m
Жыл бұрын
グループ化とフレーム化でも混乱していたので、助かりましたー！でも、慣れるまでは、使い方難しいですね。。