2026/02/23(月)15:00 〜 16:00

【CeeBeeDee】Claude Code to Figmaのはじめかた ─ コードとデザインの双方向ワークフロー実践ガイド／こぎそ

オンライン

イベント内容

公開されたばかりのClaude Code to Figmaについて、ごぎそさんにデモを交えて解説いただきます。

「リアルタイム視聴は無料」スタイルで開催しますが、アーカイブチケット購入やサブスク登録でサポートくださいますと助かります！

Claude Code to Figmaのはじめかた
コードとデザインの双方向ワークフロー実践ガイド

Figmaが2026年2月に公開した「Claude Code to Figma」。ローカルで動くUIをFigmaに取り込み、Figma上の編集をコードに戻す——この双方向ワークフローを、公開当日にshadcn/uiベースのプロジェクトで実際に検証しました。

セットアップ手順から具体的な操作フロー、現時点でできること・できないこと、そして「コードをマスターにする前提ならむしろ実用的」と感じた理由まで、実演を交えてお伝えします。デザインレビューや実装バリエーションの検討など、明日から試せるユースケースも紹介します。

こぎそ

受託制作会社でデザイナー・エンジニアとして勤務後、さくらインターネットでプロダクト開発に携わる。2020年にSmartHRへ入社し、プロダクトデザイナーとしてデザインシステムやプロダクト開発を担当。生成AIベンチャー、0→1スタートアップでのデザイナー経験を経て、株式会社Lumilinks（ルミリンクス）を設立。プロダクトデザインを軸に、AI活用コンサルティングや組織支援、コミュニティ事業を展開している。

著書に『ちいさくはじめるデザインシステム』（BNN）。

テック業界向けコミュニティ「CrossRel」主宰。

Twitter（現「X」）@kgsi

聞き手、MC（進行）

鷹野雅弘（CeeBeeDee/CSS Nite/DTP Transit）が“聞き手”を担当し、リアルタイムでチャットでの質問などを拾っていきます。

鷹野雅弘（たかの・まさひろ）

株式会社スイッチ

グラフィックデザイン、エディトリアルデザイン、ウェブ制作の分野で、デザイン、オペレーション、設計・ディレクションなど、25年以上、第一線で手を動かし続けている。そのノウハウをテクニカルライティングや講演に落とし込み、「制作→執筆→講演」のサイクルを回す。

2015年から大阪芸術大学客員教授。2017年からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラインセミナーのオーガナイザーとして企画・制作・配信なども担当。

著書に『10倍ラクするIllustrator仕事術』（改訂第3版）ほか多数

Twitter：@swwwitch

イベント概要

YouTube Liveでライブ配信します。

開催日： 2026年2月23日（月）15:00-16:00
形式：オンライン（YouTube Live）
MC：鷹野雅弘（スイッチ）
主催：CeeBeeDee
共催：CSS Nite、DTP Transit
協賛（制作会社）：ウェブライダー、LINICA、エンタミナ、コンセント、サービシンク、ビットエー、ヘルツ、アップルップル、CODE54、HAMWORKS、S-FACTORY、necco、FLAT、ONiWA ほか
協賛：文賢（ブンケン）、デジ革（一般社団法人デジタル経営革新協会）

お申し込みと参加費

リアルタイムの視聴は無料です。
参加にはお申し込みが必要です。受け付けは終演時刻まで。

フォローアップ（アーカイブ）

本イベントのフォローアップは、サブスクメンバーのみに公開します。

配信に関してのあれこれ

各URLは、YouTubeの概要欄にも掲載しています。

チャットやスタンプ、ツイートなど「参加型」でお楽しみください！
「音声のバランスが悪い」など、何かお困りの場合、コメントなどで教えてください！

配信URL

YouTube Liveで配信します。

https://www.youtube.com/watch?v=YxMAFZ0-1RE

X（Twitter）にて同時配信も行っていますが、YouTube Liveにてコメントも含めてお楽しみください。

配信トラブルでURLが変更になることがあります。その場合、次のようにお知らせします。

Twitter（現「X」）
配信が停止したYouTubeプログラムのコメント欄
Doorkeeper経由でのメッセージ（メール）

YouTube関連

YouTubeチャットを活用ください！　スパム回避のため、YouTubeチャンネル登録者のみがコメント可能にしていますので、事前にチャンネル登録をお願いします。
スーパーチャット（スパチャ＝投げ銭）を利用できます。少額でも大歓迎です！　いただいた全額を講演者にお渡しします。
質問がある場合、YouTubeチャットで冒頭に★または【質問】を付けてコメントください。すべては拾いきれません。「〜は〜という意味です」「自分の現場ではこうやっている」など、視聴される方からのサポート的なコメントを歓迎します！　一緒に場を作ってくださいますと嬉しいです!!

リアクションや質問

スクショ付きのツイート歓迎です。ぜひ、ハッシュタグ（#ClaudeCode2Figma）を付けてください。ただし、事例の部分などでNGマークがついている箇所、講演者からNGの指示のある箇所はご遠慮ください。
終了後、ぜひアンケートにお答えください！　「フィードバックはギフト」。話してくださった方の成長の材料になり、また、イベントの改善につながります。

その他

120分のプログラムでは、60分前後のキリのいいタイミングで休憩（5-10分）をはさみます。
サンプルファイルや配布資料、アーカイブ動画のURLをSNSなどで再配布するのは禁止です。
開演の30分前くらい前からテスト配信をスタートします。音声などが聞こえるかなど、チェックなさってください。
スマホやタブレットで視聴される方もいると思いますが、PCでの視聴を前提としています。なるべくPCでご覧ください！
ご覧いただく回線状況によっては、YouTubeの動画が止まってしまったり、音声が途切れてしまうことがあります。その場合には、ブラウザーを再読み込みしたり、OSを再起動してみてください。同時配信しているX（Twitter）の方が安定してることがあります。
分単位で細かく練られたカリキュラムではなく、少し緩めに進行します。コメントを拾って脱線することもあります。言い換えると学習だけをされたい方には向いていません。
若干の延長など、ぴったり進行しないことがあります。

配信準備は念入りに行っていますが、本番になると予期せぬトラブルが生じるのがライブ配信です。それも含めて楽しんでください。