あなたの手で、 すべてをカタチに。

Pathlyはデザイナーのための
“自走力”を育てる講座です。
AIを使って、コード初心者でも
自分で
サイトを公開できる力を身につけます。

公式LINEから申し込む

こんなお悩みありませんか？

「コードが書けるようになる」じゃなく、

「自分の手でリリースまで できるようになる」

Pathlyでは、HTML/CSSの基本だけでなく
AIツールの活用で、最短距離の実践をサポートします。

段階別に学べるから、未経験でも安心。
まずは“入門講座”から始めてみませんか？

リリース記念キャンペーン!!

デザイナーに聞いてみました！

  • Cursorとか便利だと思うけど、コピペして終わりじゃ怖い

    デザイン歴3年/20代 女性

    “なぜそうなるのか”が理解できないと、応用もできないし、浅いままで止まってしまいそう

  • 何から学べばいいのか分からない

    他スクール卒業生/20代 女性

    デザインだけじゃなく、コードもAIもって言われると、正直どこから始めたらいいか分からなくて不安

  • 「AIで十分」って言われたら終わりかも…

    フリーランスWebデザイナー/ 30代 女性

    画像生成AIの精度がどんどん上がっていて、“これで十分じゃない？”って言われたら終わりかも、と思うことがある

Pathlyとは？

AIが台頭してきた今、求められているのは
“AIをうまく使って、アイデアを形にできる力”です。

Pathlyは、デザインスキルを活かしながら
AIと一緒に「アイデアを形にできるデザイナー」になるための講座です。

レベル別講座で、“なりたい自分”へ最短ルート。

  • 【今だけ無料！】入門編 難易度 ★☆☆
  • 基礎編 難易度 ★★☆
  • 応用編 難易度 ★★★

講座内容

【入門】AIコーディング編
■ コース概要
Figma / Photoshopのワイヤーフレームを配布いたします。
ワイヤーフレームを元にご自身で制作されたデザインデータもしくはこちらで用意したサンプルデザインとAIを使用して、画像コーディングを体験いただきます。
■ 講座で使用するツール
・PC
　Windows 10（64bit）以降
　macOS 10.15以上（Intel/Apple Silicon）
　メモリ：16 GB以上（推奨）
・Cursor
・Figma or Photoshop
※ ツールのご利用にあたっては、別途費用が発生いたします。

  • 各種設定方法の解説

    コーディングが初めての方でも安心して進められるよう、AIコーディングに使用するツールのインストール方法や、使い方を解説します。

  • AIに入力する
    プロンプトの解説

    もらったプロンプトをコピペするだけではなく、どのようにAIに指示を出すと良いのかを学びます。

  • AIを利用して
    実際にLPの作成

    講座で学んだ内容をもとに、実際にご自身のポートフォリオサイトを作成いただくことができます。

WebデザイナーのためのAIコーディング講座【基礎編】
■ コース概要
AIコーディングするうえでHTML,CSS,javaScriptの基礎を身につけることで、AIツールが何をしているかが分かる状態を目指します。自分で不具合の修正などの判断できる力を身につけ、AIをアシスタントとして使いこなせるようになるためのコースです。
修了課題としてご自身のポートフォリオサイトを作成いただきます。
基礎編より、現役のシニアフロントエンドエンジニアによるサポートを受けることができます。
  • 課題ごとのフィードバック
  • 毎週1回質問・相談会
■ 身につくスキル
・HTML,CSS,JavaScriptの基礎知識
・フレームワーク（Tailwindなど）を使うスキル
・上記の言語を用いて、基礎的なコードを自分で読み、AIの書いたコード内容を理解・修正できるスキル
■ 講座で使用するツール
・PC
　Windows 10（64bit）以降
　macOS 10.15以上（Intel/Apple Silicon）
　メモリ：16 GB以上（推奨）
・Visual Studio Code
・Figma or Photoshop
※講座で使用する各種デザイン・コーディングツールのご利用にあたっては別途費用が発生いたします。

  • 基礎的なコーディング
    知識を学べる

    HTML,CSS,JavaScript,CSSフレームワーク（Tailwindなど）を使った基礎的なコーディング知識を学ぶことができます。

  • コーディング知識の
    底上げ

    AIツールとの協業でコーディング初学者のデザイナーさんでも実務でサイト制作・簡単な運用までできる人材へのステップアップを目指せます。

  • ポートフォリオサイト
    がつくれる！

    講座で学んだ内容をもとに、実際にご自身のポートフォリオサイトを作成いただくことができます。
    ※基礎編の画像コーディングとは異なり、レスポンシブにも対応したサイトを制作できます。

実案件でAIを使用したいけど まだ不安がある方へ

実装中につまづいたことを
現役エンジニアに質問できる
コミュニティがあるから
安心してください！

※基礎講座から利用可能！
使える時間/もしくは回数は制限あり

サポートイメージ

リリース記念キャンペーン!!

よくある質問

  • Photoshopしか使ったことがないのですが大丈夫でしょうか？
    問題ございません。
    Photoshop用のテンプレートもご用意がございます。
  • コーディングの知識が全くないのですが大丈夫でしょうか？
    問題ございません。
    入門編ではAIを使ったコーディングにまずは触れていただくことを目的としています。
    基礎編はHTML/CSS/JSの基礎もしっかりと学べる内容となっておりますので、合わせてご受講いただくことでご自身でサイトを公開できるスキルを身につけることができます。
  • 用意するものはなにかありますか？自分の環境で実施可能か知りたいです。
    下記推奨環境のPCをご用意ください。
    ・PC
    　Windows 10（64bit）以降
    　macOS 10.15以上（Intel/Apple Silicon）
    　メモリ：：16 GB以上（推奨）
    また、Cursor / Photoshop or Figma のインストールが必要です。
    Cursorは無料でもある程度の機能を使うことができますが、この講座では有料プランで動作確認を行っておりますので有料プランのご契約を推奨いたします。
  • 支払い方法は何がありますか？
    クレジット決済が可能です。
    ご購入は、公式LINEもしくは本ページの購入ボタンよりお手続きいただけます。

無料相談会お申し込みフォーム

料金表

お支払い方法は銀行振り込みとなります

  • まずは知りたい・試したいなら

    入門編

    通常 ¥25,000（税別）

    今だけ! ¥0

    こんな方におすすめ！

    • デザイン制作だけだと将来が不安…
    • 話題のAIコーディングツールの使い方を学びたい
    • 画像コーディングのLPを納品できるようになりたい
    LINE公式LINEを友だち登録して入門講座を見る

  • 本格的に身につけたいなら

    基礎編

    通常 ¥360,000（税別）

    今だけ! ¥0

    こんな方におすすめ！

    • 入門編から踏み込んで、より実務で使えるコーディング知識を身に付けたい
    • AIが書いたコードを理解し、自分で修正できるようになりたい
    • 現役のシニアフロントエンドエンジニアのサポートを受けたい
    無料相談会に申し込む

リリース記念キャンペーン!!