BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:Figma MCPと生成AIを使った時短コーディング X-WR-CALNAME:Figma MCPと生成AIを使った時短コーディング X-WR-TIMEZONE:Asia/Tokyo BEGIN:VTIMEZONE TZID:Asia/Tokyo BEGIN:STANDARD DTSTART:19700101T000000 TZOFFSETFROM:+0900 TZOFFSETTO:+0900 TZNAME:JST END:STANDARD END:VTIMEZONE BEGIN:VEVENT UID:988757@techplay.jp SUMMARY:Figma MCPと生成AIを使った時短コーディング DTSTART;TZID=Asia/Tokyo:20251203T210000 DTEND;TZID=Asia/Tokyo:20251203T230000 DTSTAMP:20260418T020049Z CREATED:20251108T060139Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/98875 7?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nFigmaのMCPサ ーバを活用したAIコーディングの仕組みと実践のコツ について、こもりまさあきさんに解説いただきます。\ n\nこもりまさあきさんの動画コンテンツ「生成AI × Figm a MCP」の抜粋版＋ライブ版として開催。\n\n「リアルタ イム視聴は無料」スタイルで開催しますが、アーカイ ブチケット購入やサブスク登録でサポートくださいま すと助かります！\n\nFigma MCPと生成AIを使った時短コー ディング\n\nFigmaの「MCPサーバ」が正式に公開されまし た。\nMCP（Model Context Protocol）は、生成AIが外部のアプ リケーションやデータソースと安全かつ柔軟に連携す るための共通プロトコルです。\n\n従来、AIはFigmaのデ ザインカンプをそのままでは構造的に理解しにくく、 意図を正確に再現することが難しいという課題があり ました。\nMCPを介することで、AIエージェントはFigmaフ ァイルのレイヤー構造やプロパティ、コンポーネント 情報などに直接アクセスでき、コンテキストを保持し たまま自律的な処理を実行できます。\n\nもっとも、MCP を導入すれば自動的にすべてが最適化されるわけでは ありません。\n本記事では、AIが正しく解釈できるFigma ファイル構成のベストプラクティスと、MCP経由でのAI コーディングのデモンストレーションを紹介します。\ n\n内容\n\n\n生成AIとMCP、AIエージェント\nFigma Make、Figma Sitesとの違い\nエディタへのMCPサーバの追加と確認\n良 い結果を生むFigmaファイルの作り方\n良い結果を生むプ ロンプトとガイドライン\n実演\n\n\nこもりまさあき1990 年代前半に都内のDTP系デザイン会社にてアルバ イトをはじめる。大学卒業後そのまま正社員となり 、入出力業務、デザイン業務、ネットワーク関連 業務に並行して従事。2001年退職。以降フリーランスと して活動。案件ごとに業務内容などが異なるた め、職域的な肩書きはなし。Web制作関連書籍の執筆多 数。近年はフロントエンド周りの制作業務に関わりな がら、Figmaの企業研修講師やデザインシステム構築、 その他Shopifyの運用サポートやコンサルティング業務な ど幅広く活動中。\n\n聞き手、MC（進行）\n\n鷹野 雅弘 （CeeBeeDee/CSS Nite/DTP Transit）が“聞き手”を担当し、リ アルタイムでチャットでの質問などを拾っていきます 。\n\n鷹野 雅弘（たかの・まさひろ）株式会社スイッ チグラフィックデザイン、エディトリアルデザイン、 ウェブ制作の分野で、デザイン、オペレーション、設 計・ディレクションなど、25年以上、第一線で手を動 かし続けている。そのノウハウをテクニカルライティ ングや講演に落とし込み、「制作→執筆→講演」のサ イクルを回す。2015年から大阪芸術大学 客員教授。2017 年からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラ インセミナーのオーガナイザーとして企画・制作・配 信なども担当。著書に『10倍ラクするIllustrator仕事術』 （改訂第3版）ほか多数Twitter：@swwwitch\n\nイベント概要\ n\nYouTube Liveでライブ配信します。\n\n\n開催日：2025年12 月3日（水） 21:00 - 23:00\n形式：オンライン（YouTube Live ）\nMC：鷹野 雅弘（スイッチ）\n主催：CeeBeeDee\n共催：C SS Nite、DTP Transit\n協賛（制作会社）：ウェブライダー 、LINICA、エンタミナ、コンセント、サービシンク、ビ ットエー、ヘルツ、アップルップル、CODE54、HAMWORKS、S- FACTORY、necco、FLAT、ONiWA ほか\n協賛：文賢（ブンケン） 、デジ革（一般社団法人デジタル経営革新協会） \n\n\n お申し込みと参加費\n\n\nリアルタイムの視聴は無料で す。\n参加にはお申し込みが必要です。受け付けは終 演時刻まで。\n\n\nフォローアップ（アーカイブ）\n\n有 料チケットには次が含まれます。これを「フォローア ップ」と呼んでいます。\n\n\nアーカイブ動画\nスライ ド\nリンク集や補足\nサンプルファイルなど（プログラ ムにより）\n\n\nフォローアップ（アーカイブ）は、ア ーカイブ購入／サブスクの方限定のコンテンツです。\ n\n\nアーカイブ動画の視聴期限はありません。ずっと 見られます。\n法人およびフリーランスで事業決済さ れる方は「法人向け」をお求めください。\n\n\nフォロ ーアップ（アーカイブ）の購入\n\n次の3つの方法があ ります。いずれかを選択なさってください。\n\n\n終演 時刻まで：Doorkeeper\n終演時刻以降：STORES\nサブスクを 登録する\n\n\nDoorkeeperの場合、終演時刻にメールをお送 りしています。「探してみたら埋もれていて見つかっ た」や、お使いのメールサーバーのセキュリティが厳 しくて弾いているなどのことがあります。\n\nメールに 依存しないSTORESやサブスクであれば、メール関連のト ラブルから開放されます。\n\n購入方法種別フォローア ップの受け取り備考個人個人、フリーランス法人Doorkee per （単品）2\,200円（終演時刻まで）5\,500円11\,000円終 演時刻にメールを送信（info@doorkeeper.jpから送信されま す）「当日の視聴のみ」のチケットを申し込まれた方 は、いったん、キャンセルして「アーカイブ視聴付き 」のチケットを申し込んでください。STORES（単品）3\,3 00円5\,500円11\,000円購入するとダウンロードできるテキ ストファイルに、アーカイブ動画や特典を掲載予定の ページへのリンクがあります（アーカイブ動画や特典 の掲載はイベント終了後）ユーザー登録してから申し 込むと、［マイページ］の［購入履歴］から、後から ダウンロードできます。サブスク3ヶ月：35ドル［メン バー限定］セクションの［フォローアップ（アーカイ ブ）］から本イベントのNotionにアクセスしてください 。法人は別途（詳細）年パス：130ドル\n\n領収書\n\nイ ンボイス対応の領収書は、次のチケットのみ対応しま す。NotionからPDFをダウンロードしてご利用ください。\ n\n\n個人／フリーランス（スライド、アーカイブ視聴 付き） ※経費として\n法人（スライド、アーカイブ視 聴付き） \n\n\n購入方法区分参加費領収書入手方法Doorke eper（単品）個人2\,200円発行（インボイス非対応）Doorke eper個人／フリーランス5\,500円インボイス対応の領収書 を発行Notion法人11\,000円STORES（単品）個人3\,300円非対応 -個人／フリーランス5\,500円インボイス対応の領収書を 発行Notion法人11\,000円\n\n\n「法人（スライド、アーカイ ブ視聴付き） 」のチケットを購入いただいている場合 のみ、個別対応いたします。フォームからご連絡あり がとうございます。\n\n\n配信に関してのあれこれ\n\n各 URLは、YouTubeの概要欄にも掲載しています。\n\n\nチャッ トやスタンプ、ツイートなど「参加型」でお楽しみく ださい！\n「音声のバランスが悪い」など、何かお困 りの場合、コメントなどで教えてください！\n\n\n配信U RL\n\nYouTube Liveで配信します。\n\nhttps://youtube.com/live/f0JmB apuc8A\n\nX（Twitter）にて同時配信も行っていますが、YouT ube Liveにてコメントも含めてお楽しみください。\n\nYouT ube関連\n\n\nYouTubeチャットを活用ください！　スパム回 避のため、YouTubeチャンネル登録者のみがコメント可能 にしていますので、事前にチャンネル登録をお願いし ます。\nスーパーチャット（スパチャ＝投げ銭）を利 用できます。少額でも大歓迎です！　いただいた全額 を講演者にお渡しします。\n質問がある場合、YouTubeチ ャットで冒頭に★または【質問】を付けてコメントく ださい。すべては拾いきれません。「〜は〜という意 味です」「自分の現場ではこうやっている」など、視 聴される方からのサポート的なコメントを歓迎します ！　一緒に場を作ってくださいますと嬉しいです!! \n\n \nリアクションや質問\n\n\nスクショ付きのツイート歓 迎です。ぜひ、ハッシュタグ（#FigmaMCP）を付けてくだ さい。ただし、事例の部分などでNGマークがついてい る箇所、講演者からNGの指示のある箇所はご遠慮くだ さい。\n終了後、ぜひアンケートにお答えください！ 　「フィードバックはギフト」。話してくださった方 の成長の材料になり、また、イベントの改善につなが ります。\n\n\nその他\n\n\n120分のプログラムでは、60分 前後のキリのいいタイミングで休憩（5-10分）をはさみ ます。\nサンプルファイルや配布資料、アーカイブ動 画のURLをSNSなどで再配布するのは禁止です。\n開演の30 分前くらい前からテスト配信をスタートします。音声 などが聞こえるかなど、チェックなさってください。\ nスマホやタブレットで視聴される方もいると思います が、PCでの視聴を前提としています。なるべくPCでご覧 ください！\nご覧いただく回線状況によっては、YouTube の動画が止まってしまったり、音声が途切れてしまう ことがあります。その場合には、ブラウザーを再読み 込みしたり、OSを再起動してみてください。同時配信 しているX（Twitter）の方が安定してることがあります 。\n分単位で細かく練られたカリキュラムではなく、 少し緩めに進行します。コメントを拾って脱線するこ ともあります。言い換えると学習だけをされたい方に は向いていません。\n若干の延長など、ぴったり進行 しないことがあります。\n\n\n配信準備は念入りに行っ ていますが、本番になると予期せぬトラブルが生じる のがライブ配信です。それも含めて楽しんでください 。\n\nオンライン椅子ヨガ\n\n本イベントはコモモ先生 @ komomoaichi のオンライン椅子ヨガ付きです！\n\n\n開演前\ n休憩時間（適宜）\n\n\n一緒に「ちょっとメンテ」しま しょう。\nhttps://chotto-maint.com/online-yoga\n\n\n\nサブスク\n\ nCSS Nite、DTP Transitのオンラインセミナーのアーカイブ をリーズナブルに、また、管理しやすく利用いただけ るように「サブスク」（定額サービス）をご用意して います（Circleというサービスを利用しています）。\n\n \n3ヶ月ごと：35ドル\n年パス：130ドル\n\n\n年間で60回近 く開催されますので、1本あたり400円を切る計算です。 \n\n\nサブスク対象イベントのリスト\n\n\nアーカイブ動 画だけでなく、スライドのダウンロードも可能ですの で、ざっと内容を把握しておきたい場合にも適してい ます。また、自分のペースで手元のスライドPDFを見な がらの視聴が可能です。\n\n\n\nサブスクの登録方法\n\n 次の手順でお申し込みください。\n\n\nCircleでユーザー 登録（自動返信メールを確認して完了です）\nStripeで 決済\n\n\n- [3ヶ月ごと：35ドル](https://ceebeedee.circle.so/chec kout/subscription-quarterly-2026)\n- [年パス：130ドル](https://ceeb eedee.circle.so/checkout/subscription-year-2026)\n\n\n協力企業のご 紹介\n\n本イベントには、下記の企業の協賛、協力をい ただいています。\n\n\n文賢（ブンケン）～文章をより 良くするための推敲・校閲・校正支援ツール\nデジ革 （一般社団法人デジタル経営革新協会） ネットとAIで 経営に貢献できる人材になる\nJILLA（日本イラストレー ション協会）　文芸美術国保への加入や交流会などメ リットいっぱい\ntr-tant 仕事を割り振っても次から次へ 仕事が舞い込む繁忙期にデザイナーの混み具合が見え るデザイナー専用タスク管理ソフト \n\n\n\n\nまた、多 くの制作会社に協賛いただいています。\n\n\nウェブラ イダー\nLINICA\nエンタミナ\nコンセント\nサービシンク\n ビットエー\nトゥーアール（to-R）\nヘルツ\nアップルッ プル\nCODE54\nHAMWORKS\nS-FACTORY\nnecco\nFLAT\nましじめ\nグロー バルデザイン\nエイチツーオー・スペース\nGear8\nマジ カルリミックス\nONiWA\nさきがけデジタル\nr360studio\n\n\n\ n\n通年で協賛を募集しています。検討くださいますと 幸いです。\n\nお問い合わせ\n\n問い合わせはDoorkeeperの フォームからお送りください。 LOCATION:オンライン URL:https://techplay.jp/event/988757?utm_medium=referral&utm_source=ics&utm _campaign=ics END:VEVENT END:VCALENDAR