不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン

UI/UXデザインにおける生成AI活用を加速させるため、Figma×MCP×Cursorを用いたハンズオンを実施しました。デザインから実装までを一気通貫で体験し、心理的・制度的な制約を越えるには“小さく試せる場”と“専門性の持ち寄り”が重要だと再確認。協働を通じて得られた学びから、新しいデザイン実装フローの可能性を探っていく取り組みです。

■ パーソルキャリア採用サイト
■ techtekt（テックテクト）
パーソルキャリアのエンジニアブログです。“みんなの「はたらく」をテックでつくる”をコンセプトに、技術、組織、学びなど、さまざまな情報を発信しています。
■ NUTION（ニューション）
パーソルキャリアのデザイン組織「NUTION」のブランドサイトです。「デザインの力で、はたらくを変え、社会を変えていく。」をステートメントとし、デザインの価値を広める活動をしています。
■TECH Street
パーソルキャリアが主催する各社の現場で活躍しているITエンジニアやテクノロジー人材から、ITテクノロジーに関するさまざまなテーマの事例や知見が学べる勉強会コミュニティです。

Transcript

1. 不確実性の時代にみんなで試した Figma × MCP × Cursor ハンズオン 「遠くに行きたいならみんなでいけ」の実践 パーソルキャリア株式会社 プロダクト&マーケティング事業本部クライアントプロダクト本部 テクノロジー統括部 クライアントサービスデザイン部 篠崎 真由美 2025年9月25日 ※本資料は2025年9月時点の情報です
2. ©PERSOL CAREER CO., LTD. 2 会社概要 社 名 本 社 創 業 資 本 金 事 業 内 容 従 業 員 数 パーソルキャリア株式会社 東京都港区 1989年6月 1,127百万円 人材紹介サービス、求人メディアの運営、転職・就職支援、 採用・経営支援、副業・兼業・フリーランス支援サービスの提供 7,048名 （有期社員含む グループ会社出向中の者は除く 2025年3月1日時点）
3. 3 ©PERSOL CAREER CO., LTD. 3 サービス概要
4. ©PERSOL CAREER CO., LTD. 篠崎 真由美 Mayumi Shinozaki パーソルキャリア株式会社 プロダクト&マーケティング事業本部クライアントプロダクト本部 テクノロジー統括部 クライアントサービスデザイン部 UIUXデザイナー 2022年2月にパーソルキャリアへ中途入社。現在はdoda 法人 顧客向けプロダクトdoda CONNECTの新規企画領域でUIUXを 担当。 プロダクト開発現場でUIUXデザインを主務とし、体験設計か らフロントエンドまで幅広く携わっています。ベンチャー企業 でのメディア運営や新規事業開発におけるクリエイティブ業務、 SIerでのデザイン導入支援に従事してきました。 テックとクリエイティブのコラボ活動UXDIGに参加してます 4
5. ©PERSOL CAREER CO., LTD. 5 01 はじめに 02 技術フォーカス：MCP 03 ハンズオンの内容紹介 04 学びと工夫 05 まとめ
6. ©PERSOL CAREER CO., LTD. 6 はじめに UIUXデザインと今の生成AI、現場の課題 01
7. 7 ©PERSOL CAREER CO., LTD.
8. 8 ©PERSOL CAREER CO., LTD.
9. 9 ©PERSOL CAREER CO., LTD.
10. 10 ©PERSOL CAREER CO., LTD.
11. ©PERSOL CAREER CO., LTD. 11 技術フォーカス：MCP 02
12. 12 ©PERSOL CAREER CO., LTD.
13. 13 ©PERSOL CAREER CO., LTD.
14. 14 ©PERSOL CAREER CO., LTD.
15. ©PERSOL CAREER CO., LTD. 15 ハンズオンの内容紹介 03
16. 16 ©PERSOL CAREER CO., LTD.
17. 17 ©PERSOL CAREER CO., LTD.
18. ©PERSOL CAREER CO., LTD. 18 第1回／第2回 Figma x MCPで高速プロトタイピング
19. 19 ©PERSOL CAREER CO., LTD.
20. 20 ©PERSOL CAREER CO., LTD.
21. 21 ©PERSOL CAREER CO., LTD.
22. 22 ©PERSOL CAREER CO., LTD.
23. ©PERSOL CAREER CO., LTD. 23 第3回 デザイン x ドキュメント連携
24. 24 ©PERSOL CAREER CO., LTD.
25. 25 ©PERSOL CAREER CO., LTD. Figma Cursor Confluence Github JIRA Github
26. 26 ©PERSOL CAREER CO., LTD.
27. 27 ©PERSOL CAREER CO., LTD.
28. 28 ©PERSOL CAREER CO., LTD.
29. ©PERSOL CAREER CO., LTD. 29 学びと工夫 04
30. 30 ©PERSOL CAREER CO., LTD.
31. 31 ©PERSOL CAREER CO., LTD.
32. 32 ©PERSOL CAREER CO., LTD.
33. ©PERSOL CAREER CO., LTD. 33 まとめ 05
34. 34 ©PERSOL CAREER CO., LTD.
35. 35 ©PERSOL CAREER CO., LTD.
36. ©PERSOL CAREER CO., LTD. 36 エンジニアブログのご紹介 さまざまなテーマで事例や知見を学ぶ IT・テクノロジー人材のための勉強会コミュニティ 「TECH Street」当社の事例を公開しています。 「techtekt（テックテクト）」は、 パーソルキャリアのエンジニアブログです。 “みんなの「はたらく」をテックでつくる”をコンセプトに、 技術、組織、学びなど、さまざまな情報を発信しています。
37. 37 ご清聴ありがとうございました 【免責事項】 本資料に含まれる技術情報は発表日時点のものであり、予告なく変更される場合があります。 実装や運用は自己責任で行ってください。 発表者および所属組織は、本資料に基づく行動の結果について一切の責任を負いません。 本資料に記載されている会社名・製品名などは、一般に各社の登録商標または商標、商品名です。 資料内では ©, ®, TM マークなどは表示していません。