【2026年版】Figma入門・完全講座｜基本操作からWebデザイン制作まで

【👇卒業がないWebスクールを運営中】 「クリエイターズファクトリー」 ⇒オンラインでも受講できるよ！ https://creators-factory.com/ ▼無料スクール体験できます！（公式LINE） https://s.lmes.jp/landing-qr/16547629... ▼SNSでも学習サポート中！ 【公式X（旧Twitter）】 👉 https://x.com/mr54475519 【Instagram】 👉   / creators_factory   ============= チャンネル登録はこちらから！ 👉    / @torikumu   🔥おすすめシリーズ（YouTube内）🔥 ▶ 副業・転職のリアル    • WEBスクール受講後のリアル   ▶ Webデザイン基礎講座    • WEBデザイナーになるためのデザイン基礎講座   ▶ Figma使い方講座    • Figma使い方講座   ▶ コーディングチャレンジシリーズ    • コーディング練習チャレンジ   ▶ Web業界転職    • Web業界に転職   【目次】 0:00 はじめに 0:37 料金プラン（無料と有料の違い） 2:26 ブラウザ版とアプリ版のインストール 5:06 無料プランの確認と表示設定 6:00 プロジェクトとファイルの作り方 8:33 デザインファイルを作る・画面の見方 10:14 ページの使い方 11:32 ツールバーと移動・拡大縮小 13:46 フレーム 14:57 長方形・色・角丸・整列 17:43 線・矢印・楕円・星 19:12 ペンツール 20:35 テキスト・フォント 23:05 コメント 24:33 写真の読み込みとトリミング 28:20 画像の色調整 29:30 AIで画像編集（背景の切り抜き・拡張など） 31:57 Drawモード（ブラシ・鉛筆） 33:41 Devモード 34:07 プラグイン（日本語フォント・アイコン） 40:56 Webページをデザインする（ガイドの引き方） 45:30 背景色を付ける 49:30 写真を入れる 50:47 フローティングナビを作る 52:57 ボタンを作る 59:52 オートレイアウト 1:20:19 コンポーネント 1:26:55 バリアント 1:32:53 スタイルとバリアブル 1:40:03 プロトタイプ 1:45:20 共有と共同編集 1:48:18 AIエージェント 1:52:25 まとめ・最近のアップデート