Figma MCP 勉強会

Transcript

1. 1 Figma MCP ษڧձ Life is Tech! Kansai
2. σβΠφʔͱͷձ࿩ A conversation with a designer one day 2 Life is Tech! Kansai ͜͏͍͏σβΠϯͰ࡞ͬͯʂ
3. 3 Life is Tech! Kansai
4. σβΠφʔͱͷձ࿩ A conversation with a designer one day 4 Life is Tech! Kansai ೚͍ͤͯͩ͘͞Α
5. 5 Life is Tech! Kansai ίί͕QYڱ͍ɺ΍Γ௚͠ɻ
6. σβΠφʔͱͷձ࿩ A conversation with a designer one day 6 Life is Tech! Kansai ͻʔΜٽ
7. େมͩͶ It’s tough 7 Life is Tech! Kansai ׂͱ͜͏͍͏ࣄ͸͋Γ·͢
8. ͜͏͍͏࣌ͦ͜
   "*
   ͷग़൪ This is exactly the kind of situation where AI proves its worth 8 Life is Tech! Kansai "*
   Λ࢖ͬͯͳΜͱ͔ͳΒͳ͍͔
9. ͜͏͍͏࣌ͦ͜
   "*
   ͷग़൪ This is exactly the kind of situation where AI proves its worth 9 Life is Tech! Kansai 1SPNQU
   GPS
   $PEJOH
   "HFOU
   ࠷্෦ʹϥΠτάϦʔϯͬΆ͍৭߹͍Ͱ
   l0VS
   $PODFQUz
   ͱ͍͏จࣈΛ
   QY
   ͷϑΥϯτ
   αΠζͰ഑ஔͯ͠ɻ͜Ε͸தԝدͤͶɻ
   ؙจࣈͬΆ͍ϑΥϯτͰɺ͓ͦΒ͘
   #PME
   ͩͱࢥ͏ɻ
   ͰɺͦͷԼʹ
   QY
   ͷ
   HBQ
   Λઃ͚ͯ
   l͸͡Ί·ͯ͠ɺʮ΄͠ΐʯͱਃ͠·͢ɻ
   ͳΜͨΒ͔ΜͨΒz
   ͱ͍͏จࣈΛதԝدͤͰॻ͍ͯɻ
   ߦؒ͸
   QY
   Ͱɺͪ͜Β͸֯ுͬͨϑΥϯτΛ࢖ͬͯɻଟ෼
   3FHVMBS
   ͩͱࢥ͏ɻ
   ৭͸άϨʔͬΆ͍ײ͡ɻ
10. ͜͏͍͏࣌ͦ͜
    "*
    ͷग़൪ This is exactly the kind of situation where AI proves its worth 10 Life is Tech! Kansai ͩΔ্͍ʹϛε΍આ໌࿙Ε͕ൃੜ͠΍͍͢
11. ͦ͜Ͱʂ Then! 11 Life is Tech! Kansai Figma MCP
12. Contents ໨࣍ 12
13. 5 13 εέδϡʔϧ Schedule 
    ࡞ۀ࣌ؒ 
    'JHNB
    .$1
    ͱ͸ʁ๻ͨͪࢲͨͪ͸ԿΛษڧ͢ΔΜͰ͔͢ʁ 
    Ṗͷίϯςϯπ 
    ൃలతͳ಺༰ʹ͍ͭͯ΋গ͠৮ΕΔ 
    ϐβͰ΋৯΂ͳ͕Β࡞ͬͨϖʔδΛσϓϩΠ͢Δ
14. 5 14 ໨ඪ Goal ໨ඪͦͷ
    .$1
    ΍ίʔσΟϯάΤʔδΣϯτͷ֓೦Λ࣮ࡍʹ৮Εͳ͕ΒֶͿ എܠ
    य़͔Βຊ֨తʹ֤ίʔεͷΧϦΩϡϥϜʹ
    "*
    ͕૊Έࠐ·ΕΔΑ͏ʹͳ͖ͬͯͨ
    ϝϯόʔʹڭ͑Δʹ͋ͨͬͯগͳ͘ͱ΋ϝϯλʔ͸
    "*
    ʹৄ͘͠ͳ͓͖͍ͬͯͨ ໨ඪͦͷ
    ࣮ମݧΛ௨ͯ͠ɺ
    
    "*
    ͕ͲͷΑ͏ͳλεΫ͕ಘҙͳͷ͔
     ͲͷΑ͏ʹѻ͑͹͏·͍͖͘΍͍͢ͷ͔
    Λ௫Ή ໨ඪͦͷ
    ϝϯλʔࣗ਎ͷ΋ͷͮ͘Γͷ෯Λ޿͛Δ
15. ΍Δ͜ͱ TODO 15 Life is Tech! Kansai 
    खݩͷΤσΟλͰίʔσΟϯάΤʔδΣϯτΛ࢖ͬͯ
    'JHNB
    .$1
    Λࢼͯ͠ΈΔ
    ࡞ۀͷखॱ͸
    4DSBQCPY
    ʹ·ͱΊ͍ͯΔͷͰɺ͜ΕΛಡΈͳ͕ΒηοτΞοϓ͢Δ
    ෼͔Βͳ͔ͬͨΒ͞ΓΎ͔ࣗ෼ʹฉ͍͍ͯͩ͘͞ 
    'JHNB
    ͰϓϩδΣΫτΛ։͘
    σβΠϯ͕खݩʹͳ͚Ε͹͞ΓΎʹ΋Β͍ͬͯͩ͘͞ 
    Ͳ͏ͤͳΒσϓϩΠ·Ͱ΍ͬͯΈΑ͏
    ωοτϫʔΫΠϯϑϥʹৄ͍͠ਓ͕पΓʹ͍ΔͷͰɺࠔͬͨΒͳΜͰ΋ฉ͍ͯ͘Ε
16. What is the MCP? ͦ΋ͦ΋
    .$1
    ͱ͸ʁ 16
17. ͦ΋ͦ΋
    .$1
    ͱ͸ʁ What is the MCP? 17 Life is Tech! Kansai .$1
    ͕͍͢͝Β͍͚͠Ͳ
    Α͘෼͔͍ͬͯͳ͍
18. ͦ΋ͦ΋
    .$1
    ͱ͸ʁ What is the MCP? 18 Life is Tech! Kansai ϝϯόʔʹฉ͔Εͨ࣌ʹ
    ౴͑ΒΕΔΑ͏ʹ͓ͯ͜͠͏
19. ͦ΋ͦ΋
    .$1
    ͱ͸ʁ What is the MCP? 19 Life is Tech! Kansai .$1
20. ͦ΋ͦ΋
    .$1
    ͱ͸ʁ What is the MCP? 20 Life is Tech! Kansai .PEFM
    $POUFYU
    1SPUPDPM
21. ͦ΋ͦ΋
    .$1
    ͱ͸ʁ What is the MCP? 21 Life is Tech! Kansai ϓϩτίϧͱ͍͏ͷ͸
    ໿ଋࣄɾن֨ɾϧʔϧ
    Έ͍ͨͳงғؾͷ΋ͷ
22. ϓϩτίϧͷྫ Protocol Examples 22 Life is Tech! Kansai ༣ศϓϩτίϧ
     ෧౵ͷӈ্ʹ੾खΛషΔ
     ѼઌΛॻ͘
     ϙετʹೖΕΔ
23. ཁ͢Δʹ That is to say 23 Life is Tech! Kansai .$1
    ͱ͍͏΋ͷΛ
    "*
    ͕࢖͍ͬͯΔ
    ༁Ͱ͸ͳ͍
24. ཁ͢Δʹ That is to say 24 Life is Tech! Kansai .$1
    ʹै࣮ͬͯ૷͞Εͨ
    ʮ.$1
    ࣮૷ʯ͕ੈքதͰ࡞ΒΕͯ
    ͦΕΛ
    "*
    ͕࢖͍ͬͯΔ
25. ͦ΋ͦ΋
    .$1
    ͱ͸ʁ What is the MCP? 25 Life is Tech! Kansai ݁ہ
    .$1
    ͱ͸ʁ
    ͳʹ͕ग़དྷΔͷʁ
26. ͦ΋ͦ΋
    .$1
    ͱ͸ʁ What is the MCP? 26 Life is Tech! Kansai ֎෦ͷ
    "1*
    ΍ϚγϯͷγεςϜΛ
    "*
    ʹૢ࡞ͤ͞ΔͨΊͷϓϩτίϧ
27. .$1
    ͷྺ࢙ The history of MCP 27 Life is Tech! Kansai ੲ͸ʜ
    4MBDL
    ͱ͔
    (PPHMF
    %SJWF
    Λ
    "*
    ͱ࿈ܞͤ͞Α͏ͱࢥ͏ͱ
    ͦΕͧΕΛϓϩϯϓτʹ૊ΈࠐΉϩδοΫΛݸผʹ࣮૷͢Δ
    ඞཁ͕͋Γɺ໘౗͔ͬͨ͘͞
    ࣮૷ଆͷ࿩
28. .$1
    ͷྺ࢙ The history of MCP 28 Life is Tech! Kansai ࠓ͸ʜ
    .$1
    ͱ͍͏࿮૊Έʹ৐͔࣮ͬͬͯ૷͢Δ͜ͱͰɺ ൺֱత
    ָʹ
    ࣮૷Ͱ͖Δɻ
    "*
    ໨ઢͰ΋౷ҰతͳϑϨʔϜϫʔΫͳͷͰཧղ͠΍͍͢ɻ
29. "*
    ͷ໨ઢʹཱͬͯΈΔ See from the AI's perspective 29 Life is Tech! Kansai ੲͷ࣮૷
     "*
    ͕
    ATFBSDI@ fi MFTA
    Έ͍ͨͳπʔϧΛݺͼग़͢
     "1*
    ͔Βେྔͷ
    +40/
    *%
    ໊લ
    ʜ
    ͕ฦͬͯ͘Δ
     ฦ͖ͬͯͨσʔλͷத͔Βඞཁͳ
    *%
    Λಛఆͯ͠࠶
    TFBSDI
     ͜͜Ͱɺʮඞཁͳσʔλͷ
    *%
    ͕ԿͰ͋Δ͔ʯͱ͍͏৘ใΛ
    ίϯςΩετʹอ࣋͠ଓ͚Δඞཁ͕͋Δ
30. 30 Life is Tech! Kansai ࠓͷ࣮૷
     .$1
    αʔό͕ɺඞཁͳσʔλΛ༧Ί
    "*
    ʹఏࣔͯ͘͠ΕΔ
     .$1
    αʔόʔ͸୯ʹςΩετΛฦ͚ͩ͢Ͱͳ͘
    ͦͷϑΝΠϧ͕ʮͲͷΑ͏ͳจ຺ʢ୭͕࡞੒ͨ͠ɺͲͷϓϩ δΣΫτʹؔ࿈͢ΔʣʯΛ͍࣋ͬͯΔ͔Λɺ.$1
    ͷن֨ʹ Ԋͬͯ੔ཧͯ͠
    "*
    ʹ౉ͯ͘͠ΕΔ "*
    ͷ໨ઢʹཱͬͯΈΔ See from the AI's perspective
31. ࿩Λฉ͍ͯΔ͚ͩͩͱ๞͖ΔΑͶ Has everyone gotten bored? 31 Life is Tech! Kansai ͔͜͜Β͸Ұॹʹ
    ࡞ۀΛਐΊ͍͖ͯ·͠ΐ͏ʙ