こんなお悩みありませんか？
PathlyのAIコーディング講座で AI時代でも“選ばれ続ける”デザイナーへ
PathlyのAIコーディング講座で AI時代でも“選ばれ続ける” デザイナーへ
デザイン×AIコーディングで
デザインデータから設計し、効率よくAIを活用。
デザインからコーディングまで対応し、制作全体を任される存在に。
案件の幅が広がり、報酬や選択肢も広がっていきます。
デザイン×AIコーディングで
一歩先のデザイナーへ。
-
「デザイン×AIコーディングってどういうこと？」
-
「私でもできるか不安……」
そんなあなたへ。
まずは無料相談で気軽に聞いてみませんか？
PathlyのAIコーディング講座が
選ばれる理由
Pathlyの AIコーディング講座は、「デザイナー」に特化 しているから
AIコーディングに適した デザインデータの設計方法 から コーディングの基礎知識 まで学ぶことが可能です。
-
01
コーディングの
基礎知識を学ぶ
AIがなくてもコーディングが出来るよう、まずはコーディングの基礎知識を学びます。基礎知識を身につけることで、AIが生成したコードを適切に判断・修正することが出来るようになります。
-
02
AIが理解しやすい
デザインデータ設計を学ぶ
Figmaを活用し、AIが理解しやすい”デザインデータ設計”を学びます。コーディングの基礎知識だけでなく、デザインデータ設計を学ぶことが出来るのは、Pathlyの大きな強みです。
-
03
AIの
活用方法を学ぶ
ルール設計や、効率的なAIへの指示を学びます。AIに読み込ませやすいデザインデータからコーディングし、学んだ基礎知識を活用することで、デザインからコーディングまで一貫した品質でwebサイトを仕上げられるようになります。
Pathlyは デザイナー のためのAIコーディング講座です。
もしもあなたが デザイナー で、コーディングの知識を身につけたいと考えているのであれば、
「デザインデータ設計」も一緒に学べるPathlyのAIコーディング講座の受講をおすすめします！
お得に“選ばれ続けるデザイナー”になれる大チャンス！ リリース記念キャンペーン!! 開講キャンペーン
-
スタンダードプラン
390,000円
195,000円
（税込 214,500円）
先着残り10名 -
プレミアムプラン
660,000円
330,000円
（税込 363,000円）
先着残り10名
※本キャンペーンは予告なく終了する場合があります。
※適用条件は無料相談時にご案内します。
講座内容
- WebデザイナーのためのAIコーディング講座【基礎編】
-
- ■ コース概要
-
HTML・CSS・Tailwind・JavaScriptの基礎を学ぶことで、AIが生成したコードの構造や意味を理解できるようになります。
簡単な修正や不具合の対応を自分で判断できるようになり、AIに任せきりではなく、AIを“開発パートナー”として活用できるスキルを身につけます。
修了課題では、これまでに学んだ内容を活かし、ご自身のポートフォリオサイトを実際に制作していただきます。
- ■ 身につくスキル
-
- Webサイトの構造・スタイル・動きを自分で組み立てられるようになります
- 見た目と構造を意識した、整ったフロント実装が行えます
- 初学者には難しいアニメーションやレスポンシブ対応も、AIと協働して実現します
- 話題のFigma MCPを使ったAIコーディング
- ■ 講座で使用するツール
-
・PC
Windows 10（64bit）以降
macOS 10.15以上（Intel/Apple Silicon）
メモリ：16 GB以上（推奨）
・Cursor
・Figma
※講座で使用する各種デザイン・コーディングツールのご利用にあたっては別途費用が発生いたします。
-
基礎的なコーディング
知識を学べる
HTML,CSS,JavaScript,CSSフレームワーク（Tailwindなど）を使った基礎的なコーディング知識を学ぶことができます。
-
コーディング知識の
底上げ
AIツールとの協業でコーディング初学者のデザイナーさんでも実務でサイト制作・簡単な運用までできる人材へのステップアップを目指せます。
-
ポートフォリオサイト
がつくれる！
講座で学んだ内容をもとに、実際にご自身のポートフォリオサイトを作成いただくことができます。
※基礎編の画像コーディングとは異なり、レスポンシブにも対応したサイトを制作できます。
手厚いサポート体制
-
＜24時間＞
質問無制限 AIチャット4ヶ月の受講期間中、AIコーディング講座専用のチャットbotをいつでも利用可能です。講義の中でわからないことがあれば、いつでも気軽にチャットができます。
-
現役コーダー/デザイナーとの
1on1チケット現役で働いているコーダー、デザイナーとの30分1on1チケットを活用し、個別サポートを受けることができます。コーダーだけでなく、現役デザイナーにも相談できるのはPathlyの魅力です。
-
プロによる添削と質疑応答
受講後、理解度テストの受講と宿題を提出があります。宿題はプロによる添削があり、質疑応答も可能です。理解度を確認しながら、手を動かすので、実践的に学べます。
スケジュール
PathlyのAIコーディング講座期間は 4ヶ月。
期間中の受講タイミングは自由なので、
生活リズムに合わせて無理なく学習ができます。
動画視聴期間は1年間
講座終了後も、いつでも復習可能です。
デザイン×AIコーディングで
一歩先のデザイナーへ。
-
「デザイン×AIコーディングってどういうこと？」
-
「私でもできるか不安……」
そんなあなたへ。
まずは無料相談で気軽に聞いてみませんか？
料金プラン
-
動画視聴のみ・
自己学習におすすライト
195,000円
（税込 214,500円）
- AIコーディング講座（全13回）
- プロによる課題添削
- メンターサポート
- 現役コーダー/デザイナー1on1チケット（12枚 ※1）
- 課題用サーバー貸し出し ※2
- チャット質疑応答サポート
- チャットサポート優先回答
- 5万円分案件保証/サポート付 ※3
- Pathly Support お試し3ヶ月分プレセント
-
実務レベルまで
身に付けたい方におすすめスタンダード
390,000円
（税込 429,000円）
- AIコーディング講座（全13回）
- プロによる課題添削
- メンターサポート
- 現役コーダー/デザイナー1on1チケット（12枚 ※1）
- 課題用サーバー貸し出し ※2
- チャット質疑応答サポート
- チャットサポート優先回答
- 5万円分案件保証/サポート付 ※3
- Pathly Support お試し3ヶ月分プレセント
-
卒業後すぐに案件へ
挑戦したい方におすすめプレミアム
660,000円
（税込 726,000円）
- AIコーディング講座（全13回）
- プロによる課題添削
- メンターサポート
- 現役コーダー/デザイナー1on1チケット（12枚 ※1）
- 課題用サーバー貸し出し ※2
- チャット質疑応答サポート
- チャットサポート優先回答
- 5万円分案件保証/サポート付 ※3
- Pathly Support お試し3ヶ月分プレセント
※1：1ヶ月に4枚まで利用可能
※2：サーバーは課題としての用途のみ利用可能
※3：スキルや習熟度によって案件の内容は変動いたします
お得に“選ばれ続けるデザイナー”になれる大チャンス！ リリース記念キャンペーン!! 開講キャンペーン
-
スタンダードプラン
390,000円
195,000円
（税込 214,500円）
先着残り10名 -
プレミアムプラン
660,000円
330,000円
（税込 363,000円）
先着残り10名
※本キャンペーンは予告なく終了する場合があります。
※適用条件は無料相談時にご案内します。
受講までの流れ
-
01
無料相談
オンラインで実施。現在デザイナーとしてどのように働いているのか、今後について、など現在のお悩みや疑問をなんでもご相談ください。
-
02
契約・ご入金
受講の意思が決まりましたら、契約書の締結と、お振込をお願いいたします。
・銀行振込
・クレジットカード決済 -
03
初回MTG /
受講スタート授業の進め方や質問方法、1on1の申し込み方法などの説明を受けてから、受講スタートとなります。
よくある質問
-
未経験（コーディング初心者）でも受講できますか？はい、受講できます。
この講座は「コードを書いたことがない方」でも理解できるように、基本の考え方を学び、宿題で手を動かす形で進めます。自分のタイミングで受講ができるので、初心者でも安心して取り組めます。※宿題の添削は、スタンダードプラン以上のご契約が必要です。 -
Webデザイナーではないのですが参加できますか？もちろん参加可能です。デザインの基礎知識さえあれば、コーディングを学ぶことで、Webデザイナーとしてどのようなデータ作りをすると良いかも学ぶことができます。本講座ではFigmaでデザインデータを作成していただくため、ツールに慣れていただく必要があります。
-
Figmaは使えなくても問題ありませんか？AIが読み込みやすいデザインデータはfigmaで作成を行います。figmaでのデータ作成に慣れていただく必要はありますが、今後選ばれ続けるWebデザイナーになるには、figmaを使えることは必須と言えますので、ぜひ挑戦してみてください。
-
Mac / Windows どちらでも受講できますか？どちらでも受講可能です。学習を進めるにあたって、下記スペックを満たしたPCのご用意とインターネット環境のご準備をお願いしております。
【必要スペック】
Windows 10（64bit）以降
macOS 10.15以上（Intel/Apple Silicon）
メモリ：16 GB以上（推奨） -
どんなツールを使いますか？コーディング作業は、「Cursor」、デザイン作業は「Figma」を利用します。
※講座で使用する各種デザイン・コーディングツールのご利用にあたっては別途費用が発生いたします。ご注意ください。 -
オンライン受講はライブですか？録画ですか？基本は録画教材で学習し、好きな時間に進められます。
-
分からないところは質問できますか？はい、質問できます。
受講期間中は、専用チャット（AI）でいつでも質問できます。必要に応じて、講師への質問も可能です。さらに、現役デザイナー・エンジニアとの1on1（チケット制）もご用意しています。学習のつまずきや課題整理にご活用ください。
※専用チャット（AI）の利用・宿題の添削・1on1などのサポートは、スタンダードプラン以上のご契約が必要です。