各動画講座の概要

Figma 関連講座

動画コンテンツの内容は、Figmaの機能追加やアップデートに併せて不定期に更新します。2026年にもおこなわれるであろう大型アップデートにも追加費用なしで更新対応予定。

Figma Design - 基本編

これからFigmaを使ってみたい初学者の皆さんや他のツールからの乗り換えを検討中の方、数年ぶりにFigmaに戻ってきた方へ。基本編は、Figmaの無償プランでも学んでいただけるよう、これだけは覚えておきたいという必要最低限の機能の解説に特化。マスター編に取り組む前にも。

動画本数: 71本(3時間20分)
定価: 3,850円(税込)

【購入特典】

  • Figma Sites 2025(β版)- 定価 3.850円(税込)

 

Figma Design - マスター編

もう少しFigmaを効率よく使ってみたい方、この数年で追加された機能をまとめて採り入れたい方に。マスター編は、既にFigmaを利用中の方も多いと考え、基本的な操作の解説を省いて実務に使う際に必要となるであろう機能の解説に絞っております。このマスター編まで理解すれば、「わたし、Figma使えます!」と胸を張って言えるような構成にしました(*1 *2)。

動画本数: 83本(5時間25分)
定価: 12,650円(税込)

*1: 講座内のコンテンツをFigmaのアップデートや新機能追加に対応しやすくするため、FigmaのAIに関係するパートは「生成AI × Figma MCP」講座に移行しました。
*2: マスター編をご購入いただくことで「生成AI × Figma MCP」講座でAI関連の解説をご利用いただけます。

【購入特典】

  • 生成AI × Figma MCP - 定価 3,300円(税込)
  • Figma Sites 2025(β版)- 定価 3.850円(税込)

 

Figma Design パック

「Figma Design - 基本編」と「Figma Design - マスター編」のセット商品です。

定価: 16,500円(税込)

【購入特典】

  • 生成AI × Figma MCP - 定価 3,300円(税込)
  • Figma Sites 2025(β版)- 定価 3.850円(税込)


生成AI × Figma MCP

2026年1月1日より、タイトルを「Figma × AI」に変更し価格を改定します。

「Figma Design - マスター編」に含まれていたAI関連の解説を単体にまとめました。LLMやMCPとAIエージェントの話からコーディングをおこなう全体の流れ、AIコーディングで失敗しないFigmaファイル作成のポイント解説、MCPとAIエージェントを使ってコード生成までチャレンジするパートで構成されています。作業環境がなくても始められる、クラウド開発環境の使い方解説も登場。

2026年からは「Figma × AI」とタイトルを変更し、「Figma Make」をはじめとした Figma で使えるAI関連の解説を新たに追加していく予定です。

動画本数: 52本(4時間50分)
定価: 3,300円(税込)
改定後: 7,700円(税込)

*1: 本商品は「Figma Design - マスター編」に含まれています。重複購入にご注意ください。
*2: こちらはFigma内の解説やファイル操作だけではなく、テキストエディタ(VSCode)での操作や設定方法、実行操作も多く含まれます。
*3 本商品の購入後、「Figma Design - マスター編」「Figma Design - パック」のいずれかを後日あらためて購入される際には、チェックアウト時にクーポンコード「V9SVZ972YJB8」をご利用いただくことで現在の販売価格分の値引きが適用されます。

 

Figma Sites 2025(β版)

Figmaのカンファレンス「Config 2025」で発表され、現在オープンβ版として公開されている「Figma Sites」の解説動画です。Sitesはゼロからの作成だけでなくFigma Designで作成済のファイルを送信して、レスポンシブなwebサイトを画面操作だけで作ってオンラインに公開できるサービスです。CMSの機能を使えば、製品一覧やブログなどの階層をもったサイトも公開できます。正式版のリリース後、こちらの商品も正式版にアップデートされます。

2025年11月に公開された新機能である「CMS」の解説コンテンツも登録済。

動画本数: 44本(3時間 06分)
定価: 3,850円(税込) - β版のためセール価格にて提供中

*1: Figma Design講座のパッケージ(基本編、マスター編、パックのいずれか)をご購入いただいた方は、購入特典として無償でご覧いただけます。
*2: 本商品の購入後、販売中の「Figma Design」関連動画を後日あらためて購入される際には、チェックアウト時にクーポンコード「Z548MNAA4Y37」をご利用いただくことで現在の販売価格分の値引きが適用されます。

 

Figma Buzz 2025(β版)

Figmaのカンファレンス「Config 2025」で発表され、現在オープンβ版として公開されている「Figma Buzz」の解説動画です。Figma Buzzは、ソーシャルメディアの共有画像や商品のキャンペーン・プロモーション画像、ABテスト用の画像など、画像サイズ違いや内容違いで多くの画像を作る機会が多い方がお使いいただけるものです。スプレッドシートから大量の画像を一括生成できる機能なども搭載された、デザイナー職だけでなくマーケティング部門の方にもおすすめのFigmaの新サービスとなっています。正式版のリリース後、こちらの商品も正式版にアップデートされます。2025年11月に公開された新機能である「CMS」の解説コンテンツも登録済。

動画本数: 36本(2時間33分)
定価: 3,300円(税込) - β版のためセール価格にて提供中

 

コーディング/開発関連

動画コンテンツの内容は、不定期に追加、ならびにアップデート予定です。

これならできる!React入門

本講座は、「Reactを一度も触ったことがない」「少し試したけど、途中で挫折してしまった」という方にこそ受けてほしい、最初の一歩を踏み出すためのカリキュラムです。

いきなり難しい理論や、複雑な状態管理の話から入る必要はありません。まずは「HTML/CSSの延長」のような感覚で、サクサクとページが出来上がっていく楽しさを体験してください。 ページのレイアウトや装飾には、AIとも相性が良い最新の「Tailwind CSS v4」を採用したので、面倒なCSSファイルを書く必要すらありません。

この講座が終わる頃に「あ、Reactって怖くないんだ!」という自信がつけば、より深い機能を学んでいく時はもちろん、将来的には仕組みが同じ「Astro」だったり、「Next.js」や「React Router v7」のようなフルスタックのフレームワークに挑戦する際、AIと共存しながらより高度な開発をする際にも驚くほどスムーズに頭に入ってくるようになるでしょう。Reactの基本から、ルーティング、ツールの導入、そしてTailwind CSSでのスタイリングまで。Web制作に必要な知識をギュッと凝縮した、これ一本で完結するお得な入門講座です。

動画本数: 40本(3時間57分)
定価
: 3,300円(税込)

 

Tailwind CSS v4 実践ガイド

本講座は、単なるツールの使い方の解説ではありません。皆さんが長年培ってきたCSSの知識を、現代のコンポーネント化が進む時代に合わせて思考ごと移行させるための講座です。

「なぜクラス名で悩むのか?」 「なぜファイルを行き来してしまうのか?」 そして、新たに出てきた「AI時代に最適なCSS設計とは?」

それらの課題を解決すべく、最新の Tailwind CSS v4 を使ってコンポーネントベースでモダンな設計思想( cva / tv など)を用いながら、AIやFigmaとも共存できる新しい開発のスタンダードをお届けします。React / Vue / Astro などのユーザーはもちろん、従来のHTML+CSS環境やWordPressユーザーにも。

動画本数: 51本(3時間10分)
定価: 7,700円(税込)

 

React + Tailwind CSS パック

「これならできる!React入門」と「Tailwind CSS v4 実践ガイド、2つの講座にアクセス可能なセット販売商品(一部先行予約商品を含む)。各講座を単品で購入するよりお得です。React も Tailwind CSS も同時に学びたい方へ。

定価: 9,900円(税込)

 

ゼロから始める環境構築(macOS編)

昨今のWeb開発においては「Node.js」がますます欠かせないものになっています。制作そのものに必要であったり、エンジニア職でなくてもAIに作らせたものを確認する際もNode.jsが必要なこともあるかと思います。

本講座は、Web開発の中でも主にフロントエンド開発を対象とした制作環境の構築をゼロから作っていく過程を順追って解説しています。ここではよく使われるNode.jsの管理ツールではなく、「MISE」という新しいツールを採用しました。これにより、いろいろなツールなどを一元管理することが可能になります。

転職希望の方や初学者の方をはじめとして、これまでいろいろなブログを渡り歩いて実行しては躓いて…といったことがないよう、技術系ブログなどで使われている用語なども極力その意味を説明しながら順追って解説しています。もちろん、既にお仕事をされている方にも採り入れていただける最新の内容でまとめました。

動画本数: 28本(2時間37分)
定価: 2,200円(税込)

---