【Figma UI3】2024年最新版！新UIに戸惑う全デザイナー必見の神動画がこちらｗｗｗ

【Figma UI3】2024年最新版！新UIに戸惑う全デザイナー必見の神動画がこちらｗｗｗ
https://www.youtube.com/watch?v=5JKDySm7BMQ

【動画の要約】
・2024年リリースのFigma新UI「UI3」に完全対応した初心者向け解説動画。
・フレーム作成、制約（Constraints）、コンポーネントなどの基本を網羅。
・旧UIからの変更点や、初心者が詰まりやすいポイントを丁寧にフォロー。
・XDからの乗り換え組や、独学で迷っている人でもこれ一本で基本がわかる！

待ってたあああ！UI3になってからボタンの場所変わりまくって詰んでたんだよなｗ
これ見ながら「ねじり鉢巻」で挑戦するわｗｗｗ

09:30 フレームの基本からやってくれるの助かるわ。
Figmaは結局フレームが全てだからな。

>>2
わかる、俺もXDから移行して四苦八苦してたけど、松下先生の解説はマジでわかりやすい。

19:50 の「制約（Constraints）」の説明、ここが一番重要だわ！
拡大縮小した時に中身がズレるの、初心者が絶対一回は通る道だろｗ

>>5
そうそう、一方は中央なのに一方は拡大縮小になっちゃうやつな。
右サイドバーのY座標の右にある「制約」アイコンをクリックして「中央」から「拡大縮小」に変えるだけなのに、自力じゃ気づけん。

33:56 の画像の置き換えペーストできないって言ってる奴おる？
これ、カラーチップをクリックしてカラーピッカー出した状態でコピーしなきゃダメなんだってさ！

>>7
マジかよ！ずっとフレームの中に新しく貼り付けられてイライラしてたわｗ
神ライフハックすぎて草。

Thank you from Taiwan! (^^)/
松下さんの動画、海外からも需要あるレベルで質が高い。

22年前からHTML/CSSやってる古参だけど、デザインの概念なかった頃から勉強し直してる。
旧UIでやってたことも、この新UIバージョンで復習すれば安堵できるわ( *´艸｀)

30:20 コンポーネント作成！
UI3だとプロパティ追加ボタンとかの視認性が上がってて使いやすいな。

オートレイアウトについても続編でやってほしいわ！
この動画ではさらっと触れる程度だったけど、あれがFigmaの醍醐味だしな。

49:10 のDiscoverとかの共同編集機能、ここも進化してるね。
みんなのカーソルが動き回るの見てるだけで楽しいわｗ

>>10
22年前のコーダーとか大先輩すぎワロタｗ
でもそういう人が「新UIでも操作感変わってない」って言ってくれると安心するわ。

お久しぶりです〜！
めっさ忘れてた操作、この動画のおかげで思い出せたわ。ありがと〜！

Figmaの新UI、最初は「どこになにがあるねん！」ってキレそうになったけど、
19:50 の制約アイコンの場所とか、一回覚えれば旧UIより合理的かも。

松下さんの声が聞き取りやすくて、30分以上の長尺でも集中力切れないのが凄いわ。
授業で使わせてもらいます！

>>7
33:50 あたりを何度も見返してる。
「塗り」セクションの画像のサムネイルをクリックね。ここテストに出るぞ！

XDが更新止まっちゃったからFigmaに強制連行された組だけど、
この動画のおかげでなんとか生き残れそう。感謝。

続編はよ！是非ともお願いします！ ぜひ！ ぜひ！ 是非！

33:50 のJamesさんの画像、なんかオシャレで好き。
こういうサンプル素材のセンスもいいんだよな。

>>10
デザインの概念がなかった時代のコーディングとか、もはや魔術の世界やんｗ
Figma使いこなして現代の魔術師になってくれ。

09:30 のフレーム作成ショートカット「F」は基本中の基本だけど、
意外とみんなマウスでポチポチしてるからなｗ

>>5
制約を「中央」にしてると、親要素が大きくなった時に真ん中にポツン……
「そうじゃない！」って叫びたくなる瞬間あるわ。

画像の置き換えがコピペでできるの、時短術として最高だよな。
いちいちファイルからドラッグ＆ドロップしてたら日が暮れる。

30:20 のコンポーネント、一度作っちゃえば後の修正が一瞬なのが快感すぎる。
これがUIデザインのパワーか……！

新UIバージョンになって戸惑ってたけど、動画のおかげで安堵したわ。
松下様アップロードいつもありがとうございます！

49:10 のDiscoverページ、他の人が作ったデザイン見れるのモチベ上がるわ。
俺もいつかここに載るようなサイト作りたい。

お前ら、19:50 の操作もいいけど、command + Z（戻る）を多用しすぎないように練習しようなｗ

日本語版のBasics動画で最新UI対応って、公式より早いんじゃないか？ｗ
情報が鮮度高くて助かる。

>>18
カラーピッカーを表示した状態でコピーね、おｋ。
これ忘れると「置き換えペーストできない！」ってコメント欄に書き込むことになるからなｗ

最初は「UI3使いづら！」って思ってたけど、この動画見たら「あれ？これ便利じゃね？」ってなってきた。
手のひら返し準備完了。

オートレイアウト、アリかもですねえ〜って松下さん言ってたし、絶対続編来るだろ。
全裸待機。

Figmaの基本、何回も見返して参考にさせてもらってます。
新UIになっても基本的な考え方が同じで安心したわ。

>>24
制約を「拡大縮小」にしておけば、レスポンシブなデザインも楽勝よ。
19:50 の解説はマジで全デザイナーの教科書に載せるべき。

右サイドバーのデザイン、すっきりしてて良いな。
アイコンの意味さえ覚えれば迷子にならん。

XDから移行してきて「コンポーネント」の概念で死にかけたけど、
30:20 の解説でようやく腑に落ちたわ。

>>9
台湾のGMS民もいるのか！Figmaは世界共通言語だしな。

独学でやってるとこういう「細かいけど重要な操作」を見落とすんだよな。
19:50 の制約設定とかまさにそれ。

ねじり鉢巻組増えすぎてて草ｗ
俺も鉢巻締めて 33:50 からやり直すわｗｗ

松下さんの「アリかもですねえ〜」の言い方めっちゃ好きｗ
優しくて癒やされるわ。

UI3を制するものは2024年以降のデザインを制する。
この動画はマジでマイルストーンになる予感。

>>31
逆に言うと、そのコツさえ知ってれば最強ってことや。
置き換えペーストできない奴らを尻目に爆速でデザインしたるｗ

XDから変えようと思って四苦八苦してたけど、大変助かりました！
ありがとうございましたーーー！！！

続編楽しみにしてます！是非ともお願いします！
オートレイアウト、ガチで頼む……！

この動画一回見ただけで、昨日までの俺が別人みたいだわ。
Figmaマスターへの第一歩、踏み出せた気がする。

新UIバージョン、これからのスタンダードになるし、今のうちに体に叩き込まないとな。
松下先生、神動画ありがとうございました！

結論：UI3は怖くない。松下さんの動画があれば余裕。😡

引用元: Figmaの基本（Figma Basics 日本語版）をさわってみよう-2024年新UIバージョン