- Webflow University（Webflow大学）とは
- Webflow University（Webflow大学）とは、Webflow公式の無料オンライン学習プラットフォームです。英語の動画コースが中心で、本記事の前身である21Dコース（1日30分×21日間でポートフォリオサイトを作る講座）も、この公式コースを日本語化したものです。
こんにちはWebflow専門家のマサトです。
結論から。2026年にWebflowを日本語で学ぶ最短ルートは、「①日本語記事で操作の土台を作る → ②Webflow公式大学（英語・無料）で体系を学ぶ → ③作りたいもの別の日本語記事で仕上げる」の3ステップです。当ブログではWebflow関連の日本語記事を30本以上公開しており、この記事はその入り口（ハブ）です。
Webflowは日本語で学べるのか？——結論：学べます
学べます。Webflow本体のUIとWebflow公式大学（Webflow University）は英語ですが、基本操作・SEO・CMS・多言語化までを日本語で解説した記事を当ブログに揃えています。さらに2026年はブラウザ翻訳とAIの併用が当たり前になり、数年前の挫折の定番だった「公式情報が英語でよくわからず沈没」という壁は大幅に低くなりました。
ステップ①｜まず日本語記事で操作の土台を作る
最初の1本は「Webflowの使い方｜操作が10倍早くなる4つの基礎知識」です。HTML・CSSの場所、ALLタグ、CSSパネルの色の意味——この4つを知らないままWebflowを触ると、どこを編集すればいいのかわからないサイトになっていきます。最初の30分で読めるので、ここから始めてください。
ステップ②｜Webflow公式大学（英語・無料）で体系を学ぶ
Webflow Universityは、Webflow公式の無料オンライン学習プラットフォームです。英語の動画コースが中心ですが、レッスンは実際の画面操作を見せながら進むため、映像を追うだけでも流れが掴めます。わからない用語が出てきたら、そのままAIに日本語で質問すればその場で解決できます。
WebflowのアカウントはWebflow公式サイトから無料で作成できます。無料プラン（Starter）のまま学習を進められます（2026年時点）。
この記事の前身「21日間コース（21D）」について
この記事はもともと、Webflow公式の21日間コース（21D）を日本語で解説した全14回の講座のハブでした。1日30分×21日間で、未経験からポートフォリオサイトを完成させる構成です。当時の講座で伝えたかった考えは今も変わりません。
そのため、21日終了後はWeb制作のスキルではなく、他のスキルを身につけることをお勧めします。（デザインやマーケティングなど。）Web構築はあとは必要に応じて調べる力があればWebflowを用いてサイト制作を行うことができます。
たった21日でWeb制作のスキルを手に入れ、即座に次のスキル習得に行く。これは間違いなく現代最速のスキル習得といえます。
僕自身、元になった公式の「21日でポートフォリオを作ろう」コースを最後まで完走しています。途中で挫折しやすいポイントが分かった上で、この学習ルートを組んでいます。
2026年追記: 旧講座（2日目〜14日目）の記事は、Webflowの度重なるUIアップデートで手順が現行の画面と合わなくなったため、公開を終了してこの記事に統合しました。旧記事のURLからは、このページに自動で転送されます。内容が現在も有効な「基礎知識編（0日目）」と「reCAPTCHAを設定する方法」は、引き続き公開しています。
ステップ③｜作りたいもの別に、日本語記事で仕上げる
基本が身についたら、あとは「作りたいもの」に合わせて学ぶのが最短です。目的別に以下の日本語記事を用意しています。
- 全体の索引: Webflowの使い方を項目別にまとめた索引記事
- SEO対策: WebflowのSEO対策 完全ガイド（AIO対応・2026年版）
- ブログ・CMS構築: Webflow CMS完全理解ガイド
- 多言語サイト: Webflowローカライズを1年間使った経験とSEO効果
- デザイン連携: FigmaからWebflowへデザインをコピペする方法
- 料金の把握: Webflowの料金プラン解説（2026年5月の新体系対応）
2026年、AI併用でWebflowの学び方はどう変わったか
結論: 「操作手順の暗記」の価値が下がり、「構造の理解」の価値が上がりました。
実例を1つ。当社は2026年7月、自社サイトをClaude Code（AI）を使って7日間（構築は3日）でフルリニューアルしました。26ページ・記事62本の移行を、人間1人で行っています。画面操作を1つずつ暗記しなくても、HTMLとCSSの構造さえ理解していればAIと組んでサイトを作れる時代です。そしてその構造の理解は、Webflowの学習でそのまま身につきます。
だからこそ、これからWebflowを学ぶ方には、ショートカットや手順の暗記よりも「ALLタグ・クラス設計・ボックスの構造」といった仕組みの理解を軸に学ぶことをおすすめします。わからない項目は、名前をそのまま検索するかAIに日本語で質問すれば解決できます。
まとめ｜Webflow日本語学習の最短ルート
①基礎知識の記事で土台を作る → ②Webflow公式大学（無料）で体系を学ぶ → ③目的別の日本語記事で実践する。この順番なら、日本語メインでも実務レベルまで到達できます。
Webflow×AIの最新の実践は、メルマガで先にお知らせしています。
よくある質問
Webflowは日本語で学べますか？
学べます。Webflow公式大学は英語ですが、当ブログでは基礎操作からSEO・CMS・多言語化までWebflow関連の日本語記事を30本以上公開しています。2026年はブラウザ翻訳とAIの併用で、日本語メインでも実務レベルまで到達できます。
Webflow公式大学（Webflow University）は無料ですか？
無料です。Webflow公式が提供する動画中心の学習プラットフォームで、追加費用なしで受講できます。Webflow自体も無料プラン（Starter）のまま学習を進められます（2026年時点）。
英語が苦手でもWebflow公式大学で学べますか？
学べます。動画は実際の画面操作を見せながら進むため映像だけでも流れが掴め、わからない用語はブラウザ翻訳やAIに日本語で質問しながら進められます。
21日間コース（21Dコース）の日本語解説記事はどこにありますか？
WebflowのUIアップデートで手順が現行画面と合わなくなったため、講座記事（2〜14日目）は公開を終了し、この記事に統合しました。基礎知識編（0日目）とreCAPTCHA設定の記事は引き続き公開しています。
Webflowの習得にはどれくらいの期間が必要ですか？
旧21Dコースの設計では、1日30分×21日間で基本操作を一通り習得する想定でした。2026年はわからない箇所をAIに日本語で質問しながら進められるため、詰まって止まる時間はさらに短くできます。
HTML・CSSの知識がなくてもWebflowを学べますか？
学べます。WebflowのUIはHTML・CSSと同じ名前（Div block・margin・padding等）を採用しているため、わからない項目は名前をそのまま検索するかAIに質問すれば解決できます。基礎はまず0日目の記事（0step-webflow）で押さえましょう。
