公開されたばかりの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」主宰。
鷹野 雅弘（CeeBeeDee/CSS Nite/DTP Transit）が“聞き手”を担当し、リアルタイムでチャットでの質問などを拾っていきます。
グラフィックデザイン、エディトリアルデザイン、ウェブ制作の分野で、デザイン、オペレーション、設計・ディレクションなど、25年以上、第一線で手を動かし続けている。そのノウハウをテクニカルライティングや講演に落とし込み、「制作→執筆→講演」のサイクルを回す。
2015年から大阪芸術大学 客員教授。2017年からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラインセミナーのオーガナイザーとして企画・制作・配信なども担当。
著書に『10倍ラクするIllustrator仕事術』（改訂第3版）ほか多数
YouTube Liveでライブ配信します。
本イベントのフォローアップは、サブスクメンバーのみに公開します。
各URLは、YouTubeの概要欄にも掲載しています。
YouTube Liveで配信します。
https://www.youtube.com/watch?v=YxMAFZ0-1RE
X（Twitter）にて同時配信も行っていますが、YouTube Liveにてコメントも含めてお楽しみください。
配信トラブルでURLが変更になることがあります。その場合、次のようにお知らせします。
配信準備は念入りに行っていますが、本番になると予期せぬトラブルが生じるのがライブ配信です。それも含めて楽しんでください。
CSS Nite、DTP Transitのオンラインセミナーのアーカイブをリーズナブルに、また、管理しやすく利用いただけるように「サブスク」（定額サービス）をご用意しています（Circleというサービスを利用しています）。
年間で60回近く開催されますので、1本あたり400円を切る計算です。
アーカイブ動画だけでなく、スライドのダウンロードも可能ですので、ざっと内容を把握しておきたい場合にも適しています。また、自分のペースで手元のスライドPDFを見ながらの視聴が可能です。
次の手順でお申し込みください。
本イベントはコモモ先生 @komomoaichi のオンライン椅子ヨガ付きです！
一緒に「ちょっとメンテ」しましょう。
https://chotto-maint.com/online-yoga
本イベントには、下記の企業の協賛、協力をいただいています。
また、多くの制作会社に協賛いただいています。
通年で協賛を募集しています。検討くださいますと幸いです。
問い合わせはDoorkeeperのフォームからお送りください。
CSS Nite（シーエスエス・ナイト）は、ウェブ制作に関わる方のためのセミナーイベント。2005年にスタートし、2022年10月で丸17年。 仙台、大阪、岡山、札幌、甲府、神戸、福岡、長野、青森、名古屋、沖縄、福島など首都圏以外での“地方版”なども開催しています。地方版は、現地の有志などにより主催・運営されています。 これまでに、800回を超える関連イベントを通して、のべ75,000名...
メンバーになる