お知らせ

現在販売中の動画講座の概要をまとめました
現在好評販売中の各動画講座の概要をそれぞれまとめてみました。講座によっては購入特典として、販売中の別講座も閲覧可能なものもあるので実は価格の割にはお得だったりします。なお、講座の内容は不定期に更新・アップデートされます。Figma関連講座は、来年以降の大型アップデートなどがあった際も無償で対応予定です。 続きを読む...
環境構築いらずでFigma MCPを試そう!
クラウドの仮想環境を使えば、手元のマシンにエディタやらNode.jsをインストールすることなく、VSCodeの画面そのままをブラウザで操作することができます。そこで、今回マスター編に含まれる(単体販売あり)「生成AI × Figma MCP」のパートに新たに下記の10本の解説動画(約40分)を追加しました。 続きを読む...
Figma MCP 関連動画に新たに10本追加
「Figma MCPとは何ぞや」的な概要〜基本的な使い方、より良い結果を得るための「AIにも優しいFigmaファイルの作り方」ときたので、実際にFigma MCPを駆使して作業効率を上げたい方も多いかと思い、ガイドラインの作成方法やプロンプトの指示の仕方など、実装サンプルも使いながらの実践的な内容にまとめました 続きを読む...
Figma Sites講座にCMS機能の解説追加とブラックフライデーセール
FigmaがFigma Sitesに待望の「CMS」機能を追加して公開しました。現在日本語のヘルプもありませんし、英語のヘルプサイトと公式YouTubeの動画のみでしか知ることのできないこのCMS機能について、いち早く講座の中に新規追加コンテンツとして登録しました。さらにさらに!ここまで発売しているFigma関連の講座、全部入りのスペシャルパッケージを用意し2025年11月26〜28日の期間限定で販売いたします。 続きを読む...
ゼロから始める環境構築(macOS編)の販売開始
初学者の方はもちろん、これまでターミナルって難しそう…と敬遠されていた方でも順追ってやってもらえば、いまどきの開発環境はできると思います。もちろん、既に環境がある方はHomebrewとかはすっ飛ばしてもらっても大丈夫。MISEに入れ替えたい方は一旦インストール済のNode.jsをアンインストールする必要がありますが、お試ししてみたい方は実行パスを一時的に無効化してもらえば今の環境を壊さずに試せるでしょう。講座内容は商品ページにまとめておりますので、是非そちらをご覧ください。 続きを読む...
Figma Buzzの作業イメージを公開しました
Figma Buzzを使いたいけど上司や会社を説得しないといけなかったり、二言目には「すぐAdobeの資産が…」とか言うし…、みたいなこともあるかと思います。そこでデザイナーの仕事として1枚の絵から複数サイズの切り替え可能なテンプレートを作る流れ、そしてそれを元にデザイナーじゃない方がBuzzモードの画面で大量の画像を一括生成する(ついでにテキストの置換というか多言語化する)までの流れを丸っと動画として用意してみました。 続きを読む...
Figma Buzz(β版)の動画講座を販売開始
Figma Buzzはデザイナーさんの仕事を画像生成のもととなるテンプレート作成にあてて、それ以外の画像やテキストの差し替えといった簡単な作業をデザイナー職以外の人でもできるようにしたものです。もちろん、デザインツールに不慣れな方でもプリセットや公開されているライブラリを使って、書き出す画像やテンプレートは作れるようになっています。そして何より助かるのは、入れ替え用のテキストや画像はエクセルなどの表計算ソフトを使って用意しておき、それを元に大量の画像生成や多言語化の対応が容易になることでしょう。 続きを読む...
Figma MCPサーバが正式版になったので
解説と言うほどでもない短尺の動画ですが、マスター編と単品のそれぞれのコースに「10-05a」として追加しました。今回元々エディタで追加する手法は公開しているので特に必要はないかと思いますが、こちら一応コンテンツ追加のお知らせとなります。 続きを読む...
価格改定のお知らせとLINE公式アカウント開設
2025年11月1日より、Figma Design関連の動画コンテンツの価格を以下のように改定いたします。いずれの商品も2026年にもおこなわれるはずのFigmaの大型アップデート後も内容を精査し、新規パッケージを作ることなくこちらの商品自体を追加費用なしでアップデート対応する予定です。そして、このたびLINEの公式アカウントを開設いたしました。新規友だち追加で10%割引クーポンも 続きを読む...
AIにも人にも優しいFigmaの作り方を新規追加
今度は「AIにも優しい=人にも優しいFigmaファイルの作り方」として、FigmaのファイルそのものをAIフレンドリーなものにするためのポイントなどをまとめて、新たに10本の動画を追加しました 続きを読む...
Figmaの元データとコーディング指示を配布開始
コーディング前のFigmaファイルのデータ(.fig)とVSCodeのCopilotへの指示(.md)、生成後のコーディングデータをダウンロードファイルとして公開しました。Figmaのダッシュボードのインポート画面から「.fig」ファイルを読み込んで内容確認ができます。 続きを読む...
生成AI × Figma MCPの解説動画を追加しました
「Figma MCP」の最新の事情を踏まえて「LLMとMCPの関係、AIエージェント」の基本的な話から、実際にエディタにMCPサーバを登録する方法、作成したFigmaのデザインをもとにAIが正しく内容を解析してコード化できるようなファイルの作り方、実際のプロンプトの指示の方法やカスタムのルールの作り方まで、まるっと1章分のコンテンツの追加です。 続きを読む...