AIツールとFigmaでアプリサービスを企画する（2026年改訂版）

Figmaの基本インターフェースやベクターツール、オートレイアウト、コンポーネントなど、UIデザインの核心機能を体系的に学ぶ入門講座です。モバイルレイアウトとレスポンシブUI設計の実習を通じて、実務ですぐに活用できるデザインスキルを身につけます。プラグインやFigma AI機能を活用し、プロンプトベースのデザイン生成と自動化ワークフローを体験します。

本講義は、UX/UIデザインを初めて学ぶ学習者でもデザインの基本的な流れを体系的に理解し、実務に必要な基礎能力を身につけられるように構成された入門講義です。 AIがデザインプロセスに活用されるようになっても、デザイナーとして長期的な競争力を持つためには、UXデザインに関する基本能力を必ず備えていなければなりません。この講義は、他のどの講義よりもその基礎を最初から一歩ずつ習得できるように構成されています。

HTML、CSS、JavaScript(jQuery)の基礎知識はありますか？ しかし、Webサイト全体をどのように作ればよいのか分からない方もいるでしょう。そんな方は、デザインを参考にしながらショッピングモールのメインページの実装に挑戦してみてください。完成したデザインを参考に、企画意図やデザインの詳細を把握し、Webサイトを実装するノウハウをお伝えします。

この講義では、IT/テクノロジー分野でサービスを企画するためのサービス企画およびデザインの方法論、およびサービス企画者が備えておくべきさまざまなソフトスキルについて説明します。最後に、AI音声認識サービスを例に、サービス分析まで行う初心者向けのUXサービス入門講義です。

本講座では、AIプロダクトを企画しデザインする際に必要となるUX原則と実践的なノウハウについてお伝えします。ユーザー価値中心のAI活用法、AIを活用したUX企画およびデザイン方法、日常の中のデザイン事例から学ぶ核心的なUX原則と理論、より良い体験を提供するためのUXリサーチおよびデータ分析法について学びます。

この講義は、デザインQAを単なる検品ではなく「製品の完成度を設計するプロセス」として再定義します。 画面・状態・フローの基準を体系化し、デザインシステムと連動した実践的なQA思考法を通じて、繰り返しの修正を減らし、基準に基づいてコミュニケーションする方法を提示します。

私たちの「実際の現場方式」であり、会社に入社する企画担当者と開発者向けの「オンボーディング用動画」を公開します。デザイナーなしでサービス画面をデザインした後、Figmaが分からなくても画面のUXフローを作成し、プロトタイプする方法を紹介します。私たちの会社では、サービス企画の際に素早くプロトタイプを作成し、迅速な意思決定と必要な機能のFixを行い、フロントエンド開発に活用できるようにすることで、生産性を最大限に高めて仕事をしています。反響が良ければ、「現場方式」の他の講義も公開します。

Web企画基礎コースが中大規模プロジェクトでどのように応用され、実務に適用されるかをお知らせするWeb企画応用過程です。 <<このVODは実際のレッスンの録画映像で、雑談などの音が一部含まれていますので、ご購入の際に参考にしてください~!>>

AIが不慣れで難しく感じられる方でも大丈夫です。 たった一週間、Claude Codeでメンバーシップランディングページの構築から自動化・データ分析まで、0から1を作り上げた試行錯誤の記録をそのまま公開します。 コーディングが分からなくても、AI初心者でも挑戦できるように、実践的な事例を通してお見せします。

Unreal UMG入門コースです。ゲーム業界11年目のUI/UXデザイナーLucyが直接進行し、簡単で楽しくUnreal EngineとUMGを学ぶことができます。修了後には様々なUIをWidget Blueprintに配置し、簡単なMaterialおよび演出とEventノードなどを制作できるようになります。

問題定義からリサーチの整理、アイディエーション、プロトタイピングまで！AIを実践パートナーとして活用し、完成度の高いUX/UIポートフォリオをスピーディーに作成します。最新のAIツールはもちろん、実務で使い続けられている検証済みのツールまで、プロジェクトに合わせて戦略的に活用できます。

HTML & CSSベースのAI活用Web UI実践制作

AI技術とUXデザインが結合するAX時代、プロダクトチームはどのような戦略で顧客体験を設計すべきでしょうか？ 17年キャリアの大企業責任研究員であり、HCI博士出身の知識共有者が最新トレンドと活用事例、研究結果に基づいてお教えします。

一日中かかりきりだった繰り返し業務、もしAI秘書に任せられるとしたら？ 毎回最初から説明しなければならないGPTチャットではなく、 自分を記憶し、自分のスタイルで仕事を進め、Slackで報告までしてくれる 自分専用のAI業務秘書の構築方法を紹介します。 インストールとSlack連携からスキルの導入、Notion・カレンダー・メールの自動化、セキュリティとコスト管理まで！ コーディングの知識がなくても実践できる方法で、 職場で即戦力となるAI業務システムを完成させてみましょう。 Point 1. GPTチャットとは違う、「自分を記憶するAI秘書」を直接設定しよう - OpenClauのインストールからSlack連携まで、手順に沿ってAI秘書の基本環境を構築 - 性格とルールを設定し、自分のワークスタイルに合わせて働く秘書を作成 Point 2. 反復業務を減らす実践的な自動化パターンを身につけよう - スキルのインストールでNotion・カレンダー・メールなどの実際の業務ツールと連携 - モーニングブリーフィング、業務日誌の作成、メール送信、スケジュール管理など、すぐに使える自動化実習 Point 3. 会社でも安心して使えるAI業務システムを完成させよう - 権限管理、セキュリティ設定、コスト管理まで、実務担当者が必ず知っておくべきチェックポイントを整理 - 1人のAI秘書から複数のエージェントへと拡張する業務システムの構築法を学習

草案はAIが、判断と仕上げは私が。ジュニアプランナーが初日から使う業務スキル・用語を身につけ、Claudeとともに自習カフェ予約サービスの企画書・メニュー構成・画面設計・機能定義一式を自ら作成します。

モデル料0円、ナノバナナで完成させる無限のビジュアル 多様なコンテンツデザインを作成するオールインワン・ビジュアルクリエイティング

きれいな画面100個より、動くプロトタイプ1個！Figmaの条件付きロジックで本物のように動作するプロトタイプを作成し、AI時代でも揺るがないデザイン思考力を養いましょう。

GA4活用のための核心レポートを作成しながら、GA4を実務ですぐに使えるように学習できます。データ分析のために、どのようなレポートをどのような方法で作るのか、具体的な事例を学ぶことができます。実務分析のために、ヒートマップツールであるMicrosoft Clarityの設置・使用方法もあわせて説明しています。

日本の大学の英語選抜を初めて準備する学習者向けの入門講座です。理論5講と実習7講を通して、公式の募集要項の確認、出願書類・試験の区分、エッセイ作成のために設計されたCAREフレームワークの概要、AXの実習を兼ねた教育用例文の検討を練習します。各実習のPDFと、コピーして使えるプロンプト・例文資料を提供します。

コーダー（パブリッシャー）への就職や実務において、最も競争力となるモバイルウェブ制作能力を向上させることができます。コーダーとしてモバイルウェブを制作するための、ほぼすべての制作手法とノウハウを固めることができます。特に、最近のコーダーや開発者に求められるデザイン能力をフィグマ（Figma）の学習で大幅にカバーできるよう、FigmaによるモバイルウェブUIデザイン作業のプロセスも詳細に説明しました。モバイルウェブパブリッシング授業の最大の強みであるHTMLワイヤーフレームの詳細な作成法を、すべてのページ一つひとつ丁寧に解説します。講義を通じて、HTMLワイヤーフレームの制作能力が大きく向上するはずです。モバイルウェブパブリッシングは、CSS変数（Var）を活用してモバイルやタブレットに最適化したレイアウトを完璧に合わせる学習を通じ、実務とほぼ遜色のないレベルの作業能力を身につけることができます。Flexレイアウトを中心に、中上級のCSS実践能力を十分に備えることができます。