Udemyintermediateja

「オートレイアウトは何のためにある?」を完全解決!【Figmaで崩れないレスポンシブ設計講座】

Learn Figma auto layout for responsive design! This 3-step course is perfect for beginners to create clean, adaptable data layouts.

1h 44m
Certificate
築地 海露穂
築地 海露穂WEBデザイン教育(Figma、Studio)

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デザイナー、講師、スタートウィズ代表。文化服装学院やデジタルハリウッド等での教育経験も豊富。現場で「使えるかどうか」を最重視した講座設計が特徴です。

$ whoami — the devs behind tutorialsearch.io

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.