無料で学べるWebデザイン講座・スクール13選【2024年12月最新】

というあなたは必見です！

Webデザインは数多くの書籍やスクールで学べる環境が用意されていますが、中にはなんと無料で学べちゃう嬉しいサービスがありますのでご紹介します。

もし「無料じゃなくてもいいので安くしっかり学びたい！」というあなたは以下記事も是非合わせてご覧くださいね 

▼Web講座サイト

	スクール	参考料金	デザイン 講座	プログラム 講座	副業 講座
1		0円	◯	◯	◯
	100種類以上の教材が学び放題
2		0円	◯	◯	✕
	デザインスキルが充実
3		0円 〜月額990円	✕	◯	✕
	スライド形式で分かりやすく学べる
4		0円	◯	◯	✕
	分かりやすくて見やすい解説が特徴
5		0円 〜月額980円	◯	◯	◯
	生放送授業が無料で見放題
6		0円 〜月額1,280円	✕	◯	✕
	3分で学べるプログラミング動画が充実
7		0円 〜396,000円	◯	◯	◯
	本格派Webデザインスクールが一部無料

▼Webデザインスクール

	スクール	料金	日数	学習 方法	就職 支援
1		20代限定 0円	60日間	オンライン	◯
	プログラミングスキルを学んで就・転職できる
2		先着制で 0円	30日間	オンライン	◯
	Web制作スキルがお得に学べる

▼職業訓練校

	スクール	参考料金	教室
1		0円	池袋
	東京の訓練校で一番長い歴史あり
2		0円	新宿
	Web制作会社が運営している訓練校
3		0円	目黒・町田
	Web制作会社を母体に持つ訓練校
4		0円	大阪
	大阪でWebデザインが学べる訓練校

 執筆者紹介
Web／UIデザイナー歴17年目のフリーランス。これまで数々のWebデザインスクール取材＆体験を行ってきた経験をもとにしたWebメディアを運営。多数の大手企業Webサイト制作経験あり。» 詳細はこちら

無料で学べるWebデザイン講座・スクールには大きく3つの種類あり

無料で学べるWebデザイン講座・スクールには、大きく分けて3つの種類があります 

3つの種類

1. Web講座サイト
2. Webデザインスクール
3. 職業訓練校

どれも無料〜格安で学べる講座・スクールとなっており、無料で学べる理由もそれぞれ異なりますので各項目で詳しくご紹介していきます。

なお、スクールによってはプログラミングスキルは含まれていても、デザインスキルまでは含まれていないところもありますので、その部分も補足を加えた上でご紹介していきます。

無料でWebデザインが学べる方法1「Web講座サイト」

講師はつかないものの、Webサイト上で「動画・テキスト・スライド」などを通してWeb制作スキルが学べる「Web講座サイト」というものがあります。

基本的にはメインのサービスに誘導するためのお試し版といった形で無料にしていることが一般的ですが、中にはある程度しっかり学べるところもあります。

書籍で学ぶよりは効率的に学べる仕組みとなっていますが、講師が付かずほとんどが単体講座（カリキュラムがない講座）となっているため、何をどれくらい学べば良いか初心者には判断が難しい点はデメリットです。

スクール一覧

	スクール	参考料金	デザイン 講座	プログラム 講座	副業 講座
1		0円	◯	◯	◯
	100種類以上の教材が学び放題
2		0円	◯	◯	✕
	デザインスキルが充実
3		0円 〜月額990円	✕	◯	✕
	スライド形式で分かりやすく学べる
4		0円	◯	◯	✕
	分かりやすくて見やすい解説が特徴
5		0円 〜月額980円	◯	◯	◯
	生放送授業が無料で見放題
6		0円 〜月額1,280円	✕	◯	✕
	3分で学べるプログラミング動画が充実
7		0円 〜396,000円	◯	◯	◯
	本格派Webデザインスクールが一部無料

侍テラコヤ

料金

無料〜

SAMURAI TERAKOYAは老舗プログラミングスクールの侍エンジニアによる学習サービスです。

100種類以上という充実した教材数があり、プログラミングはもちろんデザインや副業に関するスキルまで学び放題です。

無料で学べるフリープランは教材数がやや限られており、月額2,980円の有料プランに登録すればすべての教材のほか、月1回のレッスンも受けられます。

• SAMURAI TERAKOYA

chot.design

料金

無料

chot.designは無料で学べる主にデザイン寄りの学習サイトです。（HTML/CSSも学べます）

デザインの基本知識からPhotoshop・Illustratorなどのソフトの使い方、UI/UXのデザイン学習など、無料とはいえかなり充実した学習サービスとなっています。

以前は有料でしたが現在はサービスをすべて無料開放してくれているため、かなり本格的な内容となっています。

• chot.design

Progate

料金	無料〜月額990円（税込）

Progateは無料で始められるプログラミング学習サービスです。月額990円からの有料プランに登録すればすべてのコンテンツを利用できるようになります。

学習方法は図を多く用いたスライド形式で、画面上で実際にコードを入力しながらリアルタイムに学べるユニークな仕組みとなっています。

• Progate（プロゲート）

サルワカ

料金

無料

サルワカは暮らしに関わる様々な知識が学べるサイトですが、中でもWebデザインに関する解説が豊富で、とても分かりやすいのが特徴です。

講座やスクールというわけではないため、これら知識はすべて無料で学ぶことができます。
全体的にグラフィックもシンプルで見やすく、デザインの参考にもなります。

• サルワカ

Schoo

料金	無料〜月額980円（税込）

Schooは生放送形式でWebデザインはもちろん、自己啓発や英語などさまざまな動画を見ることができます。

ただし生放送部分のみ無料で閲覧できる仕組みなので、連続して学習したり、開催時間に参加できないと学習できない点は要注意です。

なお、その部分は月額980円払えばこれまでのアーカイブ動画が閲覧できるので、気になった動画が多い方はぜひ有料版で登録してみてください。

• Schoo（スクー）

ドットインストール

料金	無料〜月額1,280円（税込）

ドットインストールは無料のプログラミング学習サイトです。

1回3分程度の動画形式でHTML/CSSからJavaScript、PHP、Rubyなどプログラミング初心者向けのスキルを無料で学習することができます。

こちらは月額1,080円のプレミアムサービスもあります。

• ドットインストール

SKILLHUB

料金	無料〜396,000円（税込）他

SKILLHUBは有料のオンラインスクールですが、一部無料のビデオ講座で実践的なスキルを学ぶことができます。

有料のプレミアムサービスでは287,980円（フリーランス・デビュー支援プラン）から全てのコンテンツを見れるうえ、専属コーチが付いて、さらに課題添削も行うなどしっかりしたスクール内容になっています。

• SKILLHUB（スキルハブ）

無料でWebデザインが学べる方法2「Webデザインスクール」

デザインスキルは含まれませんが、Webエンジニアを目指す20代・30代の方は、ウン十万相当の講師付き本格スクールが無料で受講できるサービスがあります。

しかも中には就・転職サポートを受けて就職までできてしまうスクールも。

	スクール	料金	日数	学習 方法	就職 支援
1		20代限定 0円	60日間	オンライン	◯
	プログラミングスキルを学んで就・転職できる
2		先着制で 0円	30日間	オンライン	◯
	Web制作スキルがお得に学べる

プログラマカレッジ

ポイント

1. プログラミング学習・就職支援すべて無料！
2. 大手優良企業の求人多数＆インターンも可能
3. チームでのWebサービス・アプリ開発が学べる

プログラマカレッジは完全無料のプログラミング学習・就職支援サービスです。各企業からの協賛金を得ることで無料で受講できる仕組みとなっています。詳しくはこちらの記事をどうぞ。

無料とはいえ習得できるスキルは超本格的。
しかもインターネットしか触ったことがない初心者からスタートでき、つまづいても色々なサポート体制が整っている点は心強いです。しかも途中で挫折しても違約金などの料金はかかりません。

毎月30名が定員で、基本的に集団で学習を進めていきます。チーム開発もできる他、提携企業へのインターンも経験できるので本格的な就業体験ができる点は魅力的ですね。

無料見学＆プログラミング体験では気軽に受講体験ができるので、気になる方はぜひお試しください。

受講タイプ	オンライン
学習方法	主に集団講習
料金	無料
習得スキル	コンピュータ基礎・アルゴリズム・Java・PHP（サーバーサイド、画面サイド）・HTML/CSS・ウォーターフォールとアジャイル開発・フレームワーク（Struts・Smarty）・データベース（PostgreSQL・MySQL）・テストツール（JUnit）・Linux・Apache・仕様書、設計書の読み方、テスト項目の作り方等・実践（ECサイト・アプリ開発等）
受講条件	・22〜26歳の方 ・東京／神奈川／千葉／埼玉での就職を希望される方 ・プログラマカレッジを利用しての就職・転職
受講期間	3ヶ月
教室	東京（半蔵門） ※現在はオンラインのみ
定員制	毎月30名 ※毎月第1週目スタート

• プログラマカレッジ 
  ※完全無料のITスクール

ZeroPlus Gate

ポイント

1. 通常98,000円のサービスが無料！
2. 充実したサポート体制
3. 合計30日分のサービス内容

フリーランス特化型のWebデザインスクールであるZeroPlusが運営する「ZeroPlus Gate ( » 詳細 )」では、通常98,000円するサービスが先着順で無料で受けることができます。

4つのWebサイト制作が学べる動画教材に加え、不明点はプロ講師に質問し放題、専属メンターと最大4回の面談でモチベーション維持も可能です。

デザインスキルは含まれませんが、HTML/CSS・JavaScript・WordPressなどWebコーダーとして充実したスキルが講師付きで学べます。

追加料や悪質な勧誘、条件などはありません。せっかくの機会なので無料で学びたい方は積極的に利用してみましょう。

受講タイプ	オンライン
料金	無料
習得スキル	HTML/CSS・JavaScript・プログラミング基礎・WordPress
受講期間	30日間
定員制	先着制

• ZeroPlus Gate ( » 詳細 ) 
  ※完全無料のITスクール

無料でWebデザインが学べる方法3「職業訓練校」

ハローワークなどを利用される求職者の方向けに、Webデザインが無料で学べて就職支援も受けられる「職業訓練校」という国のサービスあります。

受講期間はおよそ6ヶ月ほどが多いですが、テキスト代以外無料で、さらに条件が合えば毎月10万円も支給される魅力的な制度です。

無料で学べてしかも給付金が受けられるため、毎回かなりの人気となっており、特に都市部では早い段階で満席となってしまう場合が多いようです。

注意：ただし、このおいしい制度を目的とした受講者も多く「なんとなく」で受講している方も多い印象ですので、将来の人脈も見据えて本気で就職を目指す方は慎重に判断する必要があります。

※職業訓練校では一般的にデザインスキルも含まれています。

	スクール	参考料金	教室
1		0円	池袋
	東京の訓練校で一番長い歴史あり
2		0円	新宿
	Web制作会社が運営している訓練校
3		0円	目黒・町田
	Web制作会社を母体に持つ訓練校
4		0円	大阪
	大阪でWebデザインが学べる訓練校

その他地域の職業訓練校

• お近くのハローワークで

フェリカテクニカルアカデミー

ポイント

1. しっかりしたWeb講習の内容が無料で学べる
2. 条件を満たせば毎月10万円が貰える
3. 現役のプロが講師＆インターンシップ制度あり

フェリカテクニカルアカデミーは池袋にある職業訓練校です。
学校に通いながら空き時間にWeb制作会社で働くインターンシップ制度があったり、学校に直接求人依頼があったりと、就職するためのサポート体制抜群なことも魅力的です。

受講タイプ	教室へ通う
コース	Webサイト制作科
料金	受講料：無料（教科書代：13,904円）
習得スキル	Photoshop・Illustrator・HTML/CSS・JavaScript/jQuery・Fireworks・Dreamweaver・WordPress・PHP・SEO・レスポンシブサイト
訓練時間	平日毎日9:00〜14:25 ※数日ほど土日祝の訓練実施もあり
受講期間	6ヶ月
教室	池袋
卒業後サポート	就転職サポートあり
その他	ソフト・PCはスクール内にあり

• フェリカテクニカルアカデミー ※職業訓練校

アジャストアカデミー

ポイント

1. 本物のWeb制作会社が運営
2. 第一線で活躍する現役クリエイターが講師
3. 新宿で学べる

アジャストアカデミーは本物のWeb制作会社が運営する求職者支援訓練校です。

訓練校では珍しく、第一線で活躍する現役クリエイターが講師なので即戦力となるWeb制作スキルが学べます。

受講タイプ	教室へ通う
料金	受講料：無料（教科書代：16,500円）
習得スキル	Photoshop・Illustrator・HTML/CSS・JavaScript/jQuery・スチール撮影・動画撮影・Web解析・SEO
訓練時間	平日毎日9:20～14:45
受講期間	5ヶ月
教室	新宿
卒業後サポート	就転職サポートあり
その他	ソフト・PCはスクール内にあり

• アジャストアカデミー ※職業訓練校

クリエイターズアカデミー

ポイント

1. しっかりしたWeb講習の内容が無料で学べる
2. 条件を満たせば毎月10万円が貰える
3. Web制作会社が母体で講師も現役のプロ

Web制作会社が母体のクリエイターズアカデミーでは現役プロの講師から直接スキルを学ぶことができます。学ぶ内容も簡易的なものではなくしっかりとした内容であることが魅力的です。平日毎日通える方はぜひ。

受講タイプ	教室へ通う
コース	Webクリエイター養成科
料金	受講料：無料（教科書代：2,100円）
習得スキル	Photoshop・Illustrator・HTML/CSS・JavaScript/jQuery・Dreamweaver・WordPress・PHP・プロによる特別講義・キャリアコンサルティング
訓練時間	平日毎日9:20～14:50 ※数日ほど土日祝の訓練実施もあり
受講期間	6ヶ月
教室	目黒
卒業後サポート	就転職サポートあり
その他	ソフト・PCはスクール内にあり

• 株式会社クリエイターズアカデミー ※職業訓練校

色彩舎ソリューション

ポイント

1. 大阪の職業訓練校
2. Webデザインは2コースあり
3. 今どきの動画広告も学べる

色彩舎ソリューションは大阪市中央区の職業訓練校です。「グラフィック・Webデザイン実践科」の他に「初歩から学ぶWebデザイン科」のいずれかでWebデザインの習得ができます。

ちなみに動画広告制作スキル科という「動画広告」が学べる講座もあるのがユニークです。
大阪で職業訓練校をお探しの方はぜひ。

受講タイプ	教室へ通う
料金	受講料：無料
訓練時間	平日毎日10:15～16:55
受講期間	6ヶ月
教室	大阪市中央区
卒業後サポート	就転職サポートあり
その他	ソフト・PCはスクール内にあり

• 色彩舎ソリューション ※職業訓練校

無料のスクールで学んで実際にWebデザイナーになれる？

Webデザイナーになる可能性を上げる仕組み

1. Webデザイナー向けの洗練されたカリキュラムがある
2. 分からないことをすぐに聞ける環境がある
3. Web業界に詳しい講師がいる
4. 自作品集（ポートフォリオ）の良し悪しを判断してもらえる環境がある
5. 就職・転職サポートがある
6. 求人やフリー案件を紹介してもらえる

この点で、先にご紹介したWebデザインスクールは「Webエンジニア」として転職したい方は大体の条件が揃っているので可能性が高いです。

また、職業訓練校もすべての条件が揃っていますので可能性は高いですが、こちらは給付金までもらえてしまうため、給付金目的の人と学ぶ環境に影響されない強い意志が必要です。

問題は、ほぼ独学のWeb講座サイトを利用した場合です。
単体でスキルを学ぶことは出来ますが、講師なし、カリキュラムなし、サポートなしで、かなり手探りで努力をする割合が高いです。（一昔前はこれが普通でした）

独学でも基本的にポートフォリオがあればWebデザイナーとしてスタートできる可能性は高まりますので、作品制作にとにかく力を入れることで可能性は高まります。

以上！無料でWebデザインが学べる講座・スクールのご紹介でした。