Figma初心者が最初に覚えるヘッダーの作り方｜PC・スマホ対応

Figma初心者向けに、Webサイトのヘッダーをゼロから作る方法を解説しました！PC版とスマホ版の両方を作ります。 🎬 このシリーズについて 「Figmaで作るWebサイトパーツ」シリーズでは、 ヘッダー・ファーストビュー・カード・フッターなど Webサイトのパーツを1つずつ作り、最終回で1ページに統合します。 【再生リスト：Figmaで作るWebサイトパーツ】    • Figmaで作るWebサイトパーツ   - - - - - - - - - - 【目次】 00:00 オープニング 01:09 サイト設計の説明 02:34 今日のゴール 03:31 ヘッダーとは？ 07:56 PC版ヘッダーを作る① 10:13 PC版ヘッダーを作る② 25:34 スマホ版に対応させる 36:53 プロっぽく仕上げる3つのコツ 44:09 まとめ - - - - - - - - - - 【この動画を見る前のオススメ】 🎨【2026年最新版】Figma初心者が最初に覚えるオートレイアウト完全ガイド    • 【2026年最新版】Figma初心者が最初に覚えるオートレイアウト完全ガイド   🎨オススメ！Figma基礎についての動画リストはこちら    • 【2026年最新版】Figma完全初心者のための入門講座｜画面の見方・基本操作（前編）   - - - - - - - - - - ━━━━━━━━━━━━━━ 🎁 公式LINE特典✨️ ━━━━━━━━━━━━━━ LINE登録で様々な特典をプレゼント中！ 登録後、自動で受け取りリンクが届きます。 👉 https://lin.ee/wB3HLDA ━━━━━━━━━━━━━━ 💬 オープンチャット「てつのオープンチャット」 ━━━━━━━━━━━━━━ 勉強会・日々の発信・動画公開のお知らせはこちら 👉 https://x.gd/UO9C3 【 公式メールアドレス】 info@webbond.jp 【 公式Webサイト 】 https://webbond.jp #Figma #Figma初心者 #Webデザイン #ヘッダー