FELLOWS
生成AI ・生産性向上
MCP実践

生成AI×Webサイト構築研修

AIエージェント、対話型ビジュアル生成、FigmaやAdobeとのMCP連携を活用し、AIと共に制作する新しいWeb制作フローを体系的に習得します。

こんな企業におすすめ

  • ●AI活用が制作現場に浸透していない
  • ●AI時代に対応した制作フロー・体制を構築したい
  • ●Web制作の生産性を向上させたい
  • ●AIを使った制作の実践方法を体系的に学びたい

研修後の到達イメージ

  • ●生成AIを活用したWeb制作が実践できる
  • ●MCPを活用したデザイン連携・生成ができる
  • ●HTML / CSSの生成・調整ができる
  • ●制作スピードを向上させる具体的手法を理解できる

プログラム

1

生成AI時代のWeb制作基礎

従来制作との違いとAIネイティブな制作フローを理解し、Claude Codeを中心としたAI活用の全体像を把握する

2

AIを活用した企画・構成設計

FigJamなどを用いた構成設計と、Claude Designによるワイヤーフレーム制作を実践。AIを活用した構成・素材設計の方法を学ぶ

3

AIによるデザイン生成（Vibe Design）

AIとの対話を通じてリアルタイムにデザインを生成・調整する手法を習得。レイアウト・配色・UI構成の生成プロセスを理解する

4

MCP連携による実装（Claude Code）

FigmaなどのデザインツールとMCP連携し、AIを用いたHTML/CSS生成と実装フローを実践的に学ぶ

5

AI時代のリスク管理と運用

セキュリティ、著作権、AI運用ルールなど、企業導入に必要なリスクヘッジの基礎を理解する

6

制作・フィードバック・改善

制作したLPをもとに講師フィードバックを受け、デザイン・実装・AI活用の改善ポイントを整理し定着させる

講師情報

フリーランスを経て2015年にデザイン制作会社を創業し、DTP・Webデザイン・UI/UXなど多角的な領域でデザイン活動を展開してきた実務家。Figmaの解説書を共同執筆した著者でもあり、ツールの深い知識と現場経験を兼ね備える。依頼者の想いや課題を誰にでも伝わるかたちに落とし込むことをデザインの本質と捉え、制作と教育の両輪で活動。八王子では「提案型デザイナーを育てる」をコンセプトにデザインスクールを運営しており、現場感覚に裏打ちされた指導力と、学習者の成長を引き出す授業設計が持ち味。

実施概要

料金目安

ご要望をお伺いしたうえで、内容に応じてお見積りいたします。
10時間以上の研修は「人材開発支援助成金」を活用できる可能性があります。詳細はお問い合わせください。

自社のニーズに合わせた最適なソリューションをご提案します！

お問い合わせ