基礎から実務まできちんと学ぶFigma UIデザインクラス

最新のUI3インターフェースでFigmaの変数（バリアブル）を活用して、一緒にデザインシステムを作りましょう🔥 変数は一貫したユーザーエクスペリエンスを提供し、デザインプロセスを革新的に改善できる鍵🔑です。

InflearnとBold UXが共にしたこの講義では、最新のFigma活用のコツや、Bold UXならではの多様なインサイトと業務ノウハウを学ぶことができます。 プロダクトデザイン分野で9年の実務経験を積んだBoldの専門知識とともに、Figmaを効果的に活用する方法についての貴重な情報を得られる機会です。

画像がまた問題ですか？ ピクセル欠け、部分的な切断、歪み、読み込み遅延、マルチプラットフォーム対応の問題などは、実は設計の問題です。 画像の問題、初期段階で防ぎましょう。

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

Figmaの基本ツールの使い方からプロトタイピングまでを軽やかに学び、非専門家がアプリ企画の際に直接Figmaで画面を描けるようになることを目標としています。

デザインからコーディング、デプロイまで網羅したフルスタックコース！！ [Figma + Vibe Coding (HTML/CSS/Tailwind/React) + Git + Vercel デプロイ] 自分のデザインをそのままVibe Codingで完成！ AIを活用して作業生産性を5倍高めるフルスタック攻略本！ デザインもコーディングもすべてこなせるフルスタックデザイナーに、あなたもなれます。 ✅ デザインの意図まで1ピクセルの誤差なく具現化 ✅ AIが理解できるデザインを設計 ✅ AIを正確にコントロールするプロンプト作成 ✅ AIが自動生成したコードも分析して修正 といった実務ワークフローを学びます。 本講義は、第1次・第2次に分けて公開される連載形式の講義です。 ✅ 第1次オープン：2026年2月22日 - Figma - デスクトップモードのデザイン - Figma - Variables登録および命名規則 - Figma - タブレットモード＆モバイルモードのデザイン - Vibe Codingのための準備 - 実践！Vibe Coding - Tailwind適用リファクタリング - Gitバージョン管理およびGitHubデプロイ ✅ 第2次オープン：2026年3月9日（順次公開） - React.jsリファクタリングおよびVercelデプロイ - JavaScriptによるインタラクティブウェブの実装

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

ノーコード（No-code）で予約サービス、マッチングサービス、コミュニティサービスのプロトタイプを作成できるようになります。

ノーコード（No-code）で採用サイトなどの両面プラットフォームサービスを作成できるようになります。

AI活用とコンポーネント中心UI制作で学ぶ実務型Web UI開発、 デザイナー＋開発者必須コース！

私がこの講座を作った理由は一つです。「私のような非専門家が、自分のアイデアを実現できるよう助けたい」という気持ちからです。

IRデッキを作成したものの、「説得力に欠ける」というフィードバックを受けたことはありませんか？ ほとんどの問題はデザインではなく、メッセージの構造にあります。 実際のIRデッキ設計の経験に基づき、投資家視点でのストーリー設計基準をまとめました。 ビジュアルを超えて構造を設計する、実務型デザイナーへと成長するための授業です。

After Effects中級以上、実務で活用できる技術を説明します。 CC2023で説明しますが、バージョンに関係なく基本原理を中心にしました。 ツール説明で時間を無駄にせず、能動的な研究ができる材料を用意しました。

ウェブデザイン開発技能士（旧ウェブデザイン技能士）出題基準（2025.1.1 ～ 2027.12.31）まで施行される出題基準に正確に合わせたウェブデザイン技能士実技試験の内容に最適化されている実技試験専門講義として、HTML+CSS+JQUERYパブリッシング、コーディングワークスのウェブデザイン開発技能士実技試験講義は一味違います。 2026年ウェブデザイン開発技能士のすべての試験タイプ（A, B, C, D, E, Fタイプ）を完璧に制作した授業動画がすべて反映されています。

国内初のAxure公認トレーナーが直接講義する、国内唯一のAxureプロトタイプ集中実習講座です。

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

弊社の「実際の現場でのやり方」であり、入社する企画者や開発者のための「オンボーディング用動画」を公開します。デザイナーなしでサービス画面をデザインした後、Figmaを知らなくても画面UX Flowを作成し、プロトタイプを作る方法を教えます。弊社がサービス企画時に素早くプロトタイプを作成し、迅速な意思決定と必要な機能の確定を行い、フロントエンド開発に活用することで、生産性を最大化して業務を進めている方法です。反応が良ければ、他の「現場流」の講義もアップロードします。

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

1つの講義でTailwindCSSの入門から実践までを完了! 2つのプロジェクトでレイアウト構成からレスポンシブデザイン、ダークモードまで完璧に学んでください。

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

デバイスに応じてレイアウトが変更されるレスポンシブなWebページを作成するために、Bootstrapを活用する方法について解説した講義です（改訂版）。

Bootstrapを使わずに、純粋なhtml/css/jsのみを活用して、デバイス別に多様なレイアウトを実装できるレスポンシブウェブページ作成[2024年最新版]授業の実践制作授業です。