| 当日の視聴のみ | Free |
Registration closes
03 Dec 23:00 |
|---|---|---|
| スライド、アーカイブ視聴付き（カード決済） | ¥2,200 prepaid |
Registration closes
03 Dec 23:00 |
| スライド、アーカイブ視聴付き（会社として申し込み、社内で共有） | ¥11,000 prepaid |
Registration closes
03 Dec 23:00 |
| 「無料」のチケットから「アーカイブ視聴を含む」のチケットに切り替えるには、ご自身でキャンセルしてから再度お申し込みください（終演時刻まで）。終演後はSTORES、および、サブスクでもアーカイブを扱っています。 | ||
FigmaのMCPサーバを活用したAIコーディングの仕組みと実践のコツについて、こもりまさあきさんに解説いただきます。
こもりまさあきさんの動画コンテンツ「生成AI × Figma MCP」の抜粋版＋ライブ版として開催。
「リアルタイム視聴は無料」スタイルで開催しますが、アーカイブチケット購入やサブスク登録でサポートくださいますと助かります！
Figmaの「MCPサーバ」が正式に公開されました。
MCP（Model Context Protocol）は、生成AIが外部のアプリケーションやデータソースと安全かつ柔軟に連携するための共通プロトコルです。
従来、AIはFigmaのデザインカンプをそのままでは構造的に理解しにくく、意図を正確に再現することが難しいという課題がありました。
MCPを介することで、AIエージェントはFigmaファイルのレイヤー構造やプロパティ、コンポーネント情報などに直接アクセスでき、コンテキストを保持したまま自律的な処理を実行できます。
もっとも、MCPを導入すれば自動的にすべてが最適化されるわけではありません。
本記事では、AIが正しく解釈できるFigmaファイル構成のベストプラクティスと、MCP経由でのAIコーディングのデモンストレーションを紹介します。
1990年代前半に都内のDTP系デザイン会社にてアルバイトをはじめる。大学卒業後そのまま正社員となり、入出力業務、デザイン業務、ネットワーク関連業務に並行して従事。2001年退職。以降フリーランスとして活動。案件ごとに業務内容などが異なるため、職域的な肩書きはなし。Web制作関連書籍の執筆多数。近年はフロントエンド周りの制作業務に関わりながら、Figmaの企業研修講師やデザインシステム構築、その他Shopifyの運用サポートやコンサルティング業務など幅広く活動中。
鷹野 雅弘（CeeBeeDee/CSS Nite/DTP Transit）が“聞き手”を担当し、リアルタイムでチャットでの質問などを拾っていきます。
グラフィックデザイン、エディトリアルデザイン、ウェブ制作の分野で、デザイン、オペレーション、設計・ディレクションなど、25年以上、第一線で手を動かし続けている。そのノウハウをテクニカルライティングや講演に落とし込み、「制作→執筆→講演」のサイクルを回す。
2015年から大阪芸術大学 客員教授。2017年からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラインセミナーのオーガナイザーとして企画・制作・配信なども担当。
著書に『10倍ラクするIllustrator仕事術』（改訂第3版）ほか多数
YouTube Liveでライブ配信します。
有料チケットには次が含まれます。これを「フォローアップ」と呼んでいます。
フォローアップ（アーカイブ）は、アーカイブ購入／サブスクの方限定のコンテンツです。
次の3つの方法があります。いずれかを選択なさってください。
Doorkeeperの場合、終演時刻にメールをお送りしています。「探してみたら埋もれていて見つかった」や、お使いのメールサーバーのセキュリティが厳しくて弾いているなどのことがあります。
メールに依存しないSTORESやサブスクであれば、メール関連のトラブルから開放されます。
| 購入方法 | 種別 | フォローアップの受け取り | 備考 | ||
|---|---|---|---|---|---|
| 個人 | 個人、 フリーランス | 法人 | |||
| Doorkeeper （単品） | 2,200円 （終演時刻 まで） | 5,500円 | 11,000円 | 終演時刻にメールを送信（info@doorkeeper.jpから送信されます） | 「当日の視聴のみ」のチケットを申し込まれた方は、いったん、キャンセルして「アーカイブ視聴付き」のチケットを申し込んでください。 |
| STORES （単品） | 3,300円 | 5,500円 | 11,000円 | 購入するとダウンロードできるテキストファイルに、アーカイブ動画や特典を掲載予定のページへのリンクがあります（アーカイブ動画や特典の掲載はイベント終了後） | ユーザー登録してから申し込むと、［マイページ］の［購入履歴］から、後からダウンロードできます。 |
| サブスク | 4,400円（3ヶ月） | 詳細 | ［メンバー限定］セクションの［フォローアップ（アーカイブ）］から本イベントのNotionにアクセスしてください。 | 法人は別途 | |
| 17,600円（1年） | |||||
インボイス対応の領収書は、次のチケットのみ対応します。NotionからPDFをダウンロードしてご利用ください。
| 購入方法 | 区分 | 参加費 | 領収書 | 入手方法 |
|---|---|---|---|---|
| Doorkeeper （単品） | 個人 | 2,200円 | 発行（インボイス非対応） | Doorkeeper |
| 個人／フリーランス | 5,500円 | インボイス対応の 領収書を発行 | Notion | |
| 法人 | 11,000円 | |||
| STORES （単品） | 個人 | 3,300円 | 非対応 | - |
| 個人／フリーランス | 5,500円 | インボイス対応の 領収書を発行 | Notion | |
| 法人 | 11,000円 |
各URLは、YouTubeの概要欄にも掲載しています。
YouTube Liveで配信します。
https://youtube.com/live/f0JmBapuc8A
X（Twitter）にて同時配信も行っていますが、YouTube Liveにてコメントも含めてお楽しみください。
配信準備は念入りに行っていますが、本番になると予期せぬトラブルが生じるのがライブ配信です。それも含めて楽しんでください。
本イベントはコモモ先生 @komomoaichi のオンライン椅子ヨガ付きです！
一緒に「ちょっとメンテ」しましょう。
https://chotto-maint.com/online-yoga
CSS Nite、DTP Transitのオンラインセミナーのアーカイブをリーズナブルに、また、管理しやすく利用いただけるように、「サブスク」（定額サービス）をご用意しています（Circleというサービスを利用しています）。
年間で50近く開催されますので、1本あたり400円を切る計算です。ぜひ、ご利用ください！
アーカイブ動画だけでなく、スライドのダウンロードも可能ですので、ざっと内容を把握しておきたい場合にも適しています。
次の手順でお申し込みください。
本イベントには、下記の企業の協賛、協力をいただいています。
また、多くの制作会社に協賛いただいています。
通年で協賛を募集しています。検討くださいますと幸いです。
問い合わせはDoorkeeperのフォームからお送りください。
CSS Nite（シーエスエス・ナイト）は、ウェブ制作に関わる方のためのセミナーイベント。2005年にスタートし、2022年10月で丸17年。 仙台、大阪、岡山、札幌、甲府、神戸、福岡、長野、青森、名古屋、沖縄、福島など首都圏以外での“地方版”なども開催しています。地方版は、現地の有志などにより主催・運営されています。 これまでに、800回を超える関連イベントを通して、のべ75,000名...
Join community