この講座は、AI時代にデザイナーとして価値を発揮し、生き残りたい人のための講座です。
未経験からデザイナーを目指すための講座ではありません。ご注意ください。
実案件と並行してサポートを行うため、毎月5名までの少人数制としています
「コーディング不要論」ってほんと？
SNSでは「AIがあればコーディングなんて要らない」という声が溢れています。
確かに、AIはものの数分でコードを生成します。でも──
PROBLEM
01
AIに作らせたけど、スマホで見たらレイアウトがぐちゃぐちゃ…
AIはデスクトップの見た目を整えるのは得意ですが、レスポンシブ対応で崩れるケースが頻発します。そしてその崩れの原因がわからなければ、直しようがありません。
PROBLEM
02
見た目はOKなのに、クライアントに“品質が低い”と言われた…
一見それっぽい見た目を作れても、“意味を持った構造（＝正しいHTML）”になっていないことがあります。
そのようなコードは引き継ぎしづらいだけでなく、SEOにも悪影響を与え、ビジネス成果を損なうリスクがあります。
結果として、作り直しになり、余計なコストが発生することも。
PROBLEM
03
エラーが出たけど、どこを直せばいいかわからない…
AIが生成したコードにエラーが含まれていても、基礎知識がなければ対処できません。結局エンジニアに頼ることになり、「デザイナーだけで完結」は夢のまま。
「コーディングが不要」なのではなく、 コードの“検品・修正力”が これまで以上に必要な時代になった。
そして、それができるデザイナーは圧倒的に足りていません。
裏を返せば、
今こそ
デザイナーにとって
最大のチャンスです。
AIで誰でもそれっぽいデザインが
作れる時代だからこそ、
意図を込めてデザインできるプロの価値はむしろ上がっています。
その「こだわりのデザイン」を、
自分の手で最後まで正しくユーザーに届けられる。
これがAI時代に
生き残るデザイナーの姿です。
「ゼロから書ける」は目指さない。
AIを使いこなす
“ディレクター”になる。
この講座では、コードをゼロから書けるエンジニアになることは目指しません。
AIという「優秀だけどたまにミスをするアシスタント」に的確に指示を出し、
上がってきたコードを検品・修正できる「AIディレクター」になることがゴールです。
AIが正しく読み取れる
Figmaデータ設計
AIにコードを書かせる前段階として、Figmaのデータ設計が雑だとAIも正しく実装できません。変数設定、オートレイアウト、Figma MCPとの連携など、「AIに優しいデザインデータ」の作り方を学びます。
AIが生成したコードの
検品・修正力
AIが書いたHTML/CSS/JSをプロとして納品できるレベルに仕上げる力。レイアウト崩れの原因特定、セマンティック構造の確認、レスポンシブ対応の修正など、「どこを見ればいいか」がわかるようになります。
AI時代にこの講座が必要なのは
こんなデザイナーです。
おすすめの方
デザインはできるけど、コーディングは外注していて利益が削られている方
AIでコーディングしてみたものの、品質に自信が持てず納品できなかった方
「デザインから実装まで一気通貫で対応できます」と言える武器がほしい方
フリーランス/副業として受注の幅を広げ、単価を上げたい方
デザインのニュアンスが実装で変わってしまうことにストレスを感じている方
おすすめしない方
AI時代にデザイナーは生き残れないと諦めている方
エンジニアとして転職したい方（本講座はデザイナー向けです）
WordPress・React等の動的サイト構築を学びたい方（別講座で提供準備中）
デザイン実務経験がまだない方（デザインスキルがある前提の講座です）
-
FEATURE 01
＜案件確約!!＞
報酬5万円〜の実案件で
"実績"が作れる最終課題をクリアした受講者には、LP制作の実案件をお渡し。
報酬は5万円〜。納品まで、現役のデザイナー・エンジニアが
あなたのコードを添削サポート。※公式ポートフォリオへの掲載はクライアント様の許可をいただく必要があります。
※案件対応は任意です。スキルに合わせて依頼内容は調整させていただきます。
-
FEATURE 02
実案件でも利用可能な
オリジナルシステム
「AIデザインシステムbuilder」を使えるPathly独自開発のWebブラウザツールで、カラー・フォント等のデザイン変数をUIで確認しながら、AIが読み込みやすいmdファイルとしてダウンロード可能。卒業後の実案件にも活用いただけます！
-
FEATURE 03
制作会社も実際に活用している
「納品クオリティチェックシート」付きWeb制作会社の実務経験から作成した「最低限これを確認すれば大丈夫」というリスト。チェックシートが全て埋まれば、プロとして自信を持って納品できます。
-
FEATURE 04
AI活用を前提にしつつ、
基礎も学べる充実の補助教材もともと39万円相当のカリキュラムとして制作したHTML/CSS/JSの基礎講座を、補助教材としていつでも視聴可能。AIに任せきるだけでなく、しっかりと基礎を身につけたい方にも満足いただけます。
AIを武器にするための、
実践カリキュラム
全編動画教材。申し込み後すぐに視聴開始。1年間見放題。
STEP 1
イントロダクション
- AI時代、Webデザイナーの新しい生存戦略
- 「最低限ちゃんと納品できる」状態とは？
- この講座の歩き方
STEP 2
検品の基礎知識
- 「良い評価を得られる納品物」とは？
- 自信を持って納品するための武器「クオリティチェックシート」
- 検品項目の解説
STEP 3
web制作の基礎知識
- なぜAIコーディングで「フォントの知識」が重要なのか？
- デザイナーがAIに指示・検品すべき「4つの鉄則」
STEP 4
実践準備
- Cursor使い方
- Rules設定,Figma MCPサーバー接続,プラグインインストール
- Figmaとコード双方の読み取り/書き込みテスト
STEP 5
Figma MCP × デザインデータ設計
- Figma MCPとは
- FigmaMCPを使う上でのデザインデータの作り方
- Pathly AIデザインシステムビルダーの紹介・使い方
STEP 6
AI実装 実践（全7回）
- デモサイトを使ったAIコーディング実践
- 生成されたコードのhtml,CSS,JSの検品・修正実践
STEP 7
HTML基礎 / CSS基礎 / JavaScript基礎
- STEP 6までコーディング基礎知識の補助教材が見放題！
自分のデザインを、
自分で届けられる次世代デザイナーへ。
通常価格 198,000 円 (税込)
148,000
円
(税込)
受講料
148,000円
案件報酬
50,000円〜
実質
~98,000
円
-
メイン動画教材（1年間見放題）
-
最終課題添削
-
補助教材 ─ HTML/CSS/JS基礎（39万円相当）
-
案件確約1件（報酬5万円〜）
-
案件納品伴走/プロによる添削サポート
-
AIデザインシステムツール利用権
-
納品クオリティチェックシート
-
AIチャットボットによる24時間/365日質問対応
学んで終わりにしない。
“初めての納品”までサポートします。
受講開始
申し込み完了後、すぐに全動画教材にアクセスできます。自分のペースで学習をスタート。
※最終課題提出期限は4ヶ月以内です。最終課題提出が案件お渡しの条件になりますのでご注意ください。
学習 → 最終課題に挑戦
カリキュラムを進め、学んだスキルで最終課題を制作・提出します（受講開始から4ヶ月以内）。
現役前線のエンジニア・デザイナーが最終課題のデザインデータ、実装データを添削してお返しします。
案件アサイン
最終課題をクリアしたら、LP制作の実案件をお渡しします。
※案件依頼のタイミングは顧客次第のため保証できません。
プロの添削を受けながら制作
現役デザイナー・エンジニアが案件納品までサポート。
「ここはこう直すべき」を実案件で体験できます。
納品 → 報酬GET → 実績に
クライアントに納品完了。報酬を受け取り、ポートフォリオにも追加できる“本物の実績”になります。
※ポートフォリオの記載の有無は先方に確認が必要です。
よくあるご質問
-
コーディングの知識がまったくのゼロですが大丈夫ですか？
はい、大丈夫です。この講座では、コードをゼロから書けるエンジニアを目指すのではなく、AIが生成したコードを検品・修正できる力を養います。基礎知識も学べる補助教材も含まれているため、コーディング未経験の方でも安心して受講いただけます。 -
Figmaを使ったことがないのですが大丈夫ですか？
AIが読み込みやすいデザインデータはFigmaで作成を行います。Figmaでのデータ作成に慣れていただく必要はありますが、今後選ばれ続けるデザイナーになるには、Figmaを使えることは必須と言えますので、ぜひ挑戦してみてください。 -
デザインの実務経験はどのくらい必要ですか？
デザインの基礎知識がある方を前提としています。Web制作の実務経験がなくても受講は可能ですが、デザインツール（Figmaなど）の操作に慣れている方が、より効果的に学習を進めていただけます。 -
WordPress等の動的サイト構築も学べますか？
現行の講座では、静的サイト（HTML/CSS/JS）のAIコーディングを対象としています。WordPress・React等の動的サイト構築については、別の講座として提供準備中です。 -
質問はできますか？
はい、質問できます。受講期間中は、専用AIチャットボットにいつでも質問可能です。また、最終課題やコードに関するプロの添削サポートも含まれています。 -
講座の視聴期限はありますか？
講座の動画教材は、お申し込みから1年間ご視聴いただけます。受講期間（4ヶ月）終了後も、いつでも復習できる環境をご用意しています。 -
分割払いはできますか？
クレジットカード決済での分割払いが可能です。詳細については、無料相談時にご案内いたします。
運営
Pathlyは、Web制作会社Cloud Creativeが
運営する
デザイナー向け学習サービスです。
現役のデザイナーとエンジニアが、
実際の制作現場で培ったノウハウをもとに
カリキュラムを設計・制作しています。
Designer
講師 A
デザイナー歴 10年
Engineer
講師 B
エンジニア歴 8年
デザイナーの仕事は、
「デザインを作ること」から
「デザインを届けること」へ。
まずは無料相談で、あなたの状況に合った学び方をご提案します。
開講記念｜先着5名様限定
50,000円OFF → 148,000円（税込）