「オートレイアウトは何のためにある?」を完全解決!【Figmaで崩れないレスポンシブ設計講座】
Learn Figma auto layout for responsive design! This 3-step course is perfect for beginners to create clean, adaptable data layouts.
Course Content
「オートレイアウトは何のためにある?」を完全解決!【Figmaで崩れないレスポンシブ設計講座】 is an intermediate-level Udemy course taught by 築地 海露穂. It runs 1h 44m, is taught in Japanese, and includes a certificate of completion. It is a paid course, first published October 2025.
Figma オートレイアウトでレスポンシブデザインをマスター!
Figma オートレイアウトを活用して、レスポンシブデザインを効率的に実現しませんか?「横幅を変えるとレイアウトが崩れる」「オートレイアウトが難しくてよくわからない」といった悩みを解決し、崩れないデータを作成できるようになる講座です。
この講座で学べること:
- Figma を使ったレスポンシブデザインデータの作り方
- オートレイアウトの機能の意味を分かりやすく解説
- 小さなボタンから、レスポンシブデザインの基礎を丁寧に練習
- パソコン、タブレット、スマホに対応したワイヤーフレームを一緒に作成
- Figma 上で「崩れないデータ」を設計する方法
こんな方におすすめ!
- Figma を使っているけど、オートレイアウトなどの機能を十分に理解できていない方
- AI を活用できるデザイナーになるために、今何をしたらいいのかわからない方
- 周りでFigma を活用している先輩がおらず、Figma の進化についていけない方
講座の特徴(ここが違う!)
- オートレイアウトだけに集中できる「コンポーネント」「バリアブル」と組み合わせず、学習のハードルを下げて理解を深めます。
- ワイヤーフレームでレイアウトを理解し、余計なデザインをしないため、レイアウトの設計をシンプルに理解できます。
- Figma に精通した講師による、無駄のない構成で「すぐ実務に役立つ内容」に特化し、現場視点で徹底解説!
- AI音声によるナレーションで、聞き取りやすく、常にクリアな発音でストレスなく学習できます。
学習に必要なもの:
- Figma アカウント(スタータープランOK)
- Figma を使ってWEBサイトを作れる、基礎知識
ワークで作成する実践サイトも動画で解説! 完成済みの Figma デザインファイルも配布されるので、今すぐ手を動かして練習開始できます。
受講後の変化:
- オートレイアウトの機能を、レスポンシブデザインのために使いこなせるようになります。
- 1920px〜320pxまで、崩れないデザインデータを作成できるようになります。
- 小さなパーツから、ページ全体まで、レスポンシブデザインを細部まで設計できるようになります。
講師紹介:
築地 海露穂(つきじ ひろほ)
WEBデザイナー、講師、スタートウィズ代表。文化服装学院やデジタルハリウッド等での教育経験も豊富。現場で「使えるかどうか」を最重視した講座設計が特徴です。
Have a design? We'll build it — the devs behind TutorialSearch.io
Pixel-accurate, responsive front-ends from your Figma — wired to real back-ends by the team that built this site.