【神回】Figma初心者卒業！hirocode氏の30分集中講義が「スクールより分かりやすい」と絶賛の嵐ｗｗｗ
https://www.youtube.com/watch?v=xZMR-ZNY08c
【動画の要約】
・2024年最新版、Figmaの基本操作から便利機能まで30分で完全網羅
・プロトタイプ機能やスタイル管理など、実務で必須のテクニックを解説
・「なぜこの機能が必要か？」という目的ベースの解説で初心者でも挫折しない
・新旧UIの違いについてもフォローあり
これマジで神動画だわ。独学で迷走してたけど30分で見違えるほど理解できたわｗｗｗ
hirocodeさんのスライド、マジで見やすすぎて脳に直接入ってくる。
XDから移行しようと思ってた俺にタイムリーすぎる。
操作感の違いに戸惑ってたけど、これで解決した。感謝。
01:30 のログイン後の画面から丁寧にやってくれるの助かるわー。
最初何から手をつけていいか分からんからな。
>>4
今のUIだとツールバーが下にあるパターンもあるから注意な！
動画の 03:30 あたりで説明してるツールバーの位置、新UIだと「？」マークから戻せるらしいぞ。
「プロトタイプ機能素晴らしすぎて家で一人スタンディングオベーション」ってコメントあって草
でもマジでそれくらい感動するよな、Figmaのプロトタイプ。
10:50 のレイヤー構成の解説、ここテストに出るぞｗｗｗ
適当に作ってると後で地獄見るから、コンポーネントとかインスタンスの概念はマジで大事。
13:30 の画像コピペ、これ知らないと人生損するレベルだろｗｗｗ
cmd+option+c でコピーして cmd+opt+v でペースト。これだけでシェイプに画像流し込めるの神。
>>8
そのショートカット、コメント欄でも質問してる人いたなｗ
hirocodeさんが丁寧に返信してて好感度爆上がりだわ。
高い金払ってスクール通うより、この動画3回見たほうが身につく説あるわ。
アイコンどこから持ってきたか気になってたけど、feather iconsってプラグイン使ってるんだな。
こういう地味に役立つ周辺知識も教えてくれるの助かる。
14:40 のスタイルガイド、マジで実務感あっていいな。
色とかテキストとか、共通化しとかないと絶対カオスになるからなｗ
語尾の「でえす」「まあす」が気になるってコメントに「改善します！」って返してるのワロタｗ
プロ意識高すぎんだろ。
「Figmaでポートフォリオ作る時にコード書く必要ない？」って質問への回答が冷静でいいわ。
あくまでプロトタイプだから、サイトにするならHTML/CSS必要ってハッキリ言ってくれる。
星の中に絵を貼り付けるところ、俺も最初悩んだけど動画見たら一瞬で解決した。
やっぱり視覚的に解説されると強いわ。
もはやこれ公式チュートリアルでいいだろｗｗｗ
バリアントの管理方法についても言及してるのデカい。
中に入れちゃう派と別管理派、hirocodeさんの使い分けはマジで参考になる。
ノンデザイナーだけど、急ぎで編集しなきゃいけなくてこの動画に救われた。
短時間で要点まとまってるのが本当に神。
hirocodeさんの本も出るらしいぞ！
動画でこれだけ分かりやすいんだから、本も期待できるわ。
これ見てFigma始めないやつ、センスないわ(๑•̀ㅂ•́)و✧
>>15
星の中に画像貼り付けるの、地味にテンション上がるよねｗｗ
てかFigma、半年でUI変わりすぎじゃね？ｗ
新UIの説明動画も作ってくれるらしいから期待して待ってるわ！
「下書きがなくなっていますよね？」って質問への回答なかったけど、
場所が変わっただけなのかな？俺も迷った。
とりあえず30分だけ頑張ればマスターできるっていうハードルの低さが最高。
他の動画は長すぎて寝る。
>>1
スレ立て乙。今夜はこれ見てFigmaいじり倒すわ！
結局、一人で制作してる時ほどFigmaの便利さが身に染みる。
管理が楽すぎるんだわ。
オートレイアウトの解説、もっと詳しく知りたかったけど、
それは別の動画があるのかな？
>>27
hirocodeさんのチャンネル、他にも特化動画いっぱいあるぞ。
まずはこの動画で全体像掴むのが正解。
デザインカンプの参照方法が知りたかった俺には、マジでジャストな内容だった。
エンジニアもこれ見たほうがいい。
「神」の一言に尽きる。
てか動画の途中の「でえす」が全然気にならなかったんだが、
俺の耳がおかしいのか？ｗｗ
>>31
いや、あれが中毒性あって良いんだよｗｗｗ
もったいないって言われてるけど、個性としてアリ。
今のバージョンだと上にツールバー出ない現象、
右下の「？」マークから以前のUIに戻せば解決するってさ。
コンポーネント化する時、レイヤー名が「カラー=黒」みたいになる現象、
バリアントの設定ミスじゃないなら仕様かな？
>>34
バリアント名編集すると「プロパティ名＝値」になるってhirocodeさん言ってたな。
細かい仕様まで把握してるの流石だわ。
もうスクールの講師この動画流すだけでいいんじゃないかな？ｗ
13:30 あたりの画像操作、マジで魔法みたいに見える。
Figma触りたての頃の感動を思い出したわ。
この動画見て「もっと理解したい」って思えるのが、良い講師の証拠だよな。
hirocodeさんの改善スピード早すぎて笑う。
「新バージョン作成したいと思います！」って即答してるし。
30分でこれだけ身につくなら、コスパ最強すぎんだろ。
お前らも迷ってないでさっさと見ろ！m9(^Д^)
今回はhirocodeさんのFigma解説動画をまとめましたが、いや〜本当に分かりやすいですね！特に13:30の画像コピー＆ペーストのショートカットなんかは、初心者が一番「これどうやるの？」と躓きがちなポイントを完璧に押さえています。
UIが激しく変わる昨今のツールにおいて、最新情報を踏まえつつ、本質的な「レイヤー構成」や「コンポーネント」の概念を教えてくれる動画は貴重です。「ただ使えるようになる」だけでなく「プロの考え方」が学べるのが、この動画が絶賛される理由でしょう。
私も以前XDから移行した時は苦労しましたが、この動画があればもっと楽だったのに……と羨ましくなりました。これからWebデザインを始める方も、一度挫折した方も、この30分で未来が変わるかもしれませんよ！
