Figma初心者が最初に覚えるファーストビューの作り方|PC・スマホ対応
てつ | Figma AIで学ぶWebデザインと制作効率化
0:00 / 0:00
Figma初心者が最初に覚えるファーストビューの作り方|PC・スマホ対応
1 490 просмотров · 5 месяцев назад
てつ | Figma AIで学ぶWebデザインと制作効率化
2,43 тыс. подписчиков
1 490 просмотров · 5 месяцев назад
Figmaで作るWebサイトパーツシリーズ第2回!
今回はファーストビュー(FV)の作り方を解説します。
背景色・装飾図形の設定、CTAボタンの配置、スマホ対応まで全手順をノーカットで解説。
前回のヘッダーに続けて作ることで、
Webサイトのトップページが少しずつ完成していきます。
【再生リスト:Figmaで作るWebサイトパーツ】
• Figmaで作るWebサイトパーツ
- - - - - - - - - -
【目次】
00:00 オープニング
01:26 今日のゴール
02:03 ファーストビューとは?
03:51 題材説明
07:08 制作スタート
10:50 パーツ制作
23:13 パーツ組み合わせ
41:31 スマホ対応
53:34 まとめ
- - - - - - - - - -
【この動画を見る前のオススメ】
🎨【2026年最新版】Figma初心者が最初に覚えるオートレイアウト完全ガイド
• 【2026年最新版】Figma初心者が最初に覚えるオートレイアウト完全ガイド
- - - - - - - - - -
━━━━━━━━━━━━━━
🎁 公式LINE特典✨️
━━━━━━━━━━━━━━
LINE登録で様々な特典をプレゼント中!
登録後、自動で受け取りリンクが届きます。
👉 https://lin.ee/wB3HLDA
━━━━━━━━━━━━━━
💬 オープンチャット「てつのオープンチャット」
━━━━━━━━━━━━━━
勉強会・日々の発信・動画公開のお知らせはこちら
👉 https://x.gd/UO9C3
【 公式メールアドレス】
info@webbond.jp
【 公式Webサイト 】
https://webbond.jp
#Figma #ファーストビュー #作り方 #Webデザイン #FV #初心者