{"published":"2026-05-20 11:27:57","blog_url":"https://tech.talentx.co.jp/","url":"https://tech.talentx.co.jp/entry/2026/05/20/112757","provider_url":"https://hatena.blog","provider_name":"Hatena Blog","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.talentx.co.jp%2Fentry%2F2026%2F05%2F20%2F112757\" title=\"talentx-ui-mcp \u00d7 Figma MCP \u3067 Claude \u306b UI \u3092\u4f5c\u3089\u305b\u3066\u307f\u305f - TalentX Tech Blog\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","author_url":"https://blog.hatena.ne.jp/natsuki-talentx/","image_url":null,"description":"\u306f\u3058\u3081\u306b \u6700\u8fd1\u3001AI \u306b UI \u5b9f\u88c5\u3092\u4efb\u305b\u308b\u958b\u767a\u30b9\u30bf\u30a4\u30eb\u304c\u5e83\u304c\u3063\u3066\u3044\u307e\u3059\u3002Figma \u306e\u516c\u5f0f MCP \u30b5\u30fc\u30d0\u30fc\u3092\u4f7f\u3048\u3070\u3001\u30c7\u30b6\u30a4\u30f3\u30c7\u30fc\u30bf\u3092 AI \u304c\u76f4\u63a5\u8aad\u307f\u53d6\u3063\u3066 React \u30b3\u30fc\u30c9\u3092\u751f\u6210\u3067\u304d\u308b\u3002\u4fbf\u5229\u306a\u6642\u4ee3\u306b\u306a\u308a\u307e\u3057\u305f\u3002 \u3057\u304b\u3057\u3001\u5b9f\u969b\u306b\u696d\u52d9\u3067\u4f7f\u3063\u3066\u307f\u308b\u3068\u4e00\u3064\u5927\u304d\u306a\u58c1\u306b\u3076\u3064\u304b\u308a\u307e\u3059\u3002\u300cAI \u304c\u793e\u5185 UI \u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u4f7f\u3063\u3066\u304f\u308c\u306a\u3044\u300d \u3068\u3044\u3046\u554f\u984c\u3067\u3059\u3002 \u672c\u8a18\u4e8b\u3067\u306f\u3001\u3053\u306e\u8ab2\u984c\u3092\u89e3\u6c7a\u3059\u308b\u305f\u3081\u306b\u6574\u5099\u3057\u305f talentx-ui-mcp\uff08\u793e\u5185 UI \u30e9\u30a4\u30d6\u30e9\u30ea\u5c02\u7528\u306e MCP \u30b5\u30fc\u30d0\u30fc\uff09\u3068\u95a2\u9023\u8a2d\u5b9a\u306b\u3064\u3044\u3066\u3001\u5b9f\u969b\u306b\u52b9\u679c\u3092\u691c\u8a3c\u3057\u305f\u7d50\u679c\u3092\u5171\u6709\u3057\u307e\u3059\u3002 \u80cc\u666f\uff1aFigma MCP \u3060\u3051\u3067\u306f\u8db3\u308a\u306a\u304b\u3063\u305f \u4f55\u304c\u554f\u984c\u3060\u3063\u305f\u304b \u2026","type":"rich","author_name":"natsuki-talentx","categories":[],"blog_title":"TalentX Tech Blog","width":"100%","title":"talentx-ui-mcp \u00d7 Figma MCP \u3067 Claude \u306b UI \u3092\u4f5c\u3089\u305b\u3066\u307f\u305f","version":"1.0","height":"190"}