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

Slide 1

Slide 1 text

不確実性の時代にみんなで試した Figma × MCP × Cursor ハンズオン「遠くに行きたいならみんなでいけ」の実践パーソルキャリア株式会社プロダクト&マーケティング事業本部クライアントプロダクト本部テクノロジー統括部クライアントサービスデザイン部篠崎真由美 2025年9月25日 ※本資料は2025年9月時点の情報です

Slide 2

Slide 2 text

©PERSOL CAREER CO., LTD. 2 会社概要社名本社創業資本金事業内容従業員数パーソルキャリア株式会社東京都港区 1989年6月 1,127百万円人材紹介サービス、求人メディアの運営、転職・就職支援、採用・経営支援、副業・兼業・フリーランス支援サービスの提供 7,048名（有期社員含むグループ会社出向中の者は除く 2025年3月1日時点）

Slide 3

Slide 3 text

3 ©PERSOL CAREER CO., LTD. 3 サービス概要

Slide 4

Slide 4 text

©PERSOL CAREER CO., LTD. 篠崎真由美 Mayumi Shinozaki パーソルキャリア株式会社プロダクト&マーケティング事業本部クライアントプロダクト本部テクノロジー統括部クライアントサービスデザイン部 UIUXデザイナー 2022年2月にパーソルキャリアへ中途入社。現在はdoda 法人顧客向けプロダクトdoda CONNECTの新規企画領域でUIUXを担当。プロダクト開発現場でUIUXデザインを主務とし、体験設計からフロントエンドまで幅広く携わっています。ベンチャー企業でのメディア運営や新規事業開発におけるクリエイティブ業務、 SIerでのデザイン導入支援に従事してきました。テックとクリエイティブのコラボ活動UXDIGに参加してます 4

Slide 5

Slide 5 text

©PERSOL CAREER CO., LTD. 5 01 はじめに 02 技術フォーカス：MCP 03 ハンズオンの内容紹介 04 学びと工夫 05 まとめ

Slide 6

Slide 6 text

©PERSOL CAREER CO., LTD. 6 はじめに UIUXデザインと今の生成AI、現場の課題 01

Slide 7

Slide 7 text

7 ©PERSOL CAREER CO., LTD.

Slide 8

Slide 8 text

8 ©PERSOL CAREER CO., LTD.

Slide 9

Slide 9 text

9 ©PERSOL CAREER CO., LTD.

Slide 10

Slide 10 text

10 ©PERSOL CAREER CO., LTD.

Slide 11

Slide 11 text

©PERSOL CAREER CO., LTD. 11 技術フォーカス：MCP 02

Slide 12

Slide 12 text

12 ©PERSOL CAREER CO., LTD.

Slide 13

Slide 13 text

13 ©PERSOL CAREER CO., LTD.

Slide 14

Slide 14 text

14 ©PERSOL CAREER CO., LTD.

Slide 15

Slide 15 text

©PERSOL CAREER CO., LTD. 15 ハンズオンの内容紹介 03

Slide 16

Slide 16 text

16 ©PERSOL CAREER CO., LTD.

Slide 17

Slide 17 text

17 ©PERSOL CAREER CO., LTD.

Slide 18

Slide 18 text

©PERSOL CAREER CO., LTD. 18 第1回／第2回 Figma x MCPで高速プロトタイピング

Slide 19

Slide 19 text

19 ©PERSOL CAREER CO., LTD.

Slide 20

Slide 20 text

20 ©PERSOL CAREER CO., LTD.

Slide 21

Slide 21 text

21 ©PERSOL CAREER CO., LTD.

Slide 22

Slide 22 text

22 ©PERSOL CAREER CO., LTD.

Slide 23

Slide 23 text

©PERSOL CAREER CO., LTD. 23 第3回デザイン x ドキュメント連携

Slide 24

Slide 24 text

24 ©PERSOL CAREER CO., LTD.

Slide 25

Slide 25 text

25 ©PERSOL CAREER CO., LTD. Figma Cursor Confluence Github JIRA Github

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

Slide 36

Slide 36 text

©PERSOL CAREER CO., LTD. 36 エンジニアブログのご紹介さまざまなテーマで事例や知見を学ぶ IT・テクノロジー人材のための勉強会コミュニティ「TECH Street」当社の事例を公開しています。「techtekt（テックテクト）」は、パーソルキャリアのエンジニアブログです。 “みんなの「はたらく」をテックでつくる”をコンセプトに、技術、組織、学びなど、さまざまな情報を発信しています。

Slide 37

Slide 37 text

37 ご清聴ありがとうございました【免責事項】本資料に含まれる技術情報は発表日時点のものであり、予告なく変更される場合があります。実装や運用は自己責任で行ってください。発表者および所属組織は、本資料に基づく行動の結果について一切の責任を負いません。本資料に記載されている会社名・製品名などは、一般に各社の登録商標または商標、商品名です。資料内では ©, ®, TM マークなどは表示していません。