{"id":84098,"date":"2026-03-22T07:00:00","date_gmt":"2026-03-21T22:00:00","guid":{"rendered":"https:\/\/miralab.co.jp\/media\/?p=84098"},"modified":"2026-03-21T08:56:22","modified_gmt":"2026-03-20T23:56:22","slug":"code-to-canvas","status":"publish","type":"post","link":"https:\/\/miralab.co.jp\/media\/code-to-canvas\/","title":{"rendered":"Code to Canvas\u3068\u306f\uff1f\u4f7f\u3044\u65b9\u3068\u6599\u91d1\uff01Claude Code\u306e\u5b9f\u884c\u753b\u9762\u3092Figma\u306b\u5909\u63db"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1200\" height=\"630\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/03\/1091.png\" alt=\"\" class=\"wp-image-90835\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/03\/1091.png 1200w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/03\/1091-300x158.png 300w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/03\/1091-1024x538.png 1024w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/03\/1091-768x403.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Code to Canvas\u3068\u306f\u3001Claude Code\u3068Figma\u3092\u9023\u643a\u3059\u308b\u3053\u3068\u3067\u3001\u5b9f\u88c5\u6e08\u307fUI\u3092\u7de8\u96c6\u53ef\u80fd\u306a\u30ec\u30a4\u30e4\u30fc\u3068\u3057\u3066\u6271\u3046\u30c4\u30fc\u30eb\u3067\u3059\u3002UI\u3084\u30c7\u30b6\u30a4\u30f3\u306e\u6bd4\u8f03\u3001\u5fae\u8abf\u6574\u3001\u5408\u610f\u5f62\u6210\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u672c\u8a18\u4e8b\u3067\u306fCode to Canvas\u306e\u6982\u8981\u3084\u5177\u4f53\u7684\u306a\u4f7f\u3044\u65b9\u3001Figma\u3068Claude Code\u305d\u308c\u305e\u308c\u306e\u6599\u91d1\u30d7\u30e9\u30f3\u3092\u8e0f\u307e\u3048\u305f\u6599\u91d1\u306e\u8003\u3048\u65b9\u307e\u3067\u307e\u3068\u3081\u3066\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Code to Canvas\u3068\u306f<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-317.png\" alt=\"\" class=\"wp-image-86572\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-317.png 1536w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-317-300x200.png 300w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-317-1024x683.png 1024w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-317-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/figure>\n\n\n\n<p>Code to Canvas\u3067\u306f\u5b9f\u88c5\u6e08\u307f\u306eUI\u3092Figma\u3078\u53d6\u308a\u8fbc\u307f\u3001\u7de8\u96c6\u53ef\u80fd\u306a\u30c7\u30b6\u30a4\u30f3\u30ec\u30a4\u30e4\u30fc\u3068\u3057\u3066\u6271\u3048\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u308c\u307e\u3067\u306e\u624b\u6cd5\u3068\u306e\u6bd4\u8f03\u3092\u8e0f\u307e\u3048\u3066\u3001Code to Canvas\u306e\u7279\u5fb4\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Code to Canvas\u306e\u7279\u5fb4\uff5c\u300c\u30b3\u30fc\u30c9\u306e\u5909\u63db\u300d\u3067\u306f\u306a\u304f\u5b9f\u884cUI\u3092\u8d77\u70b9\u306b\u3059\u308b<\/h3>\n\n\n\n<p><span class=\"swl-marker mark_yellow\"><strong>\u5b9f\u88c5\u6e08\u307f\u306e\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092Figma\u3078\u53d6\u308a\u8fbc\u307f\u3001\u7de8\u96c6\u53ef\u80fd\u306a\u30ec\u30a4\u30e4\u30fc\u3068\u3057\u3066\u6271\u3048\u308bCode to Canvas<\/strong><\/span>\u304c\u767b\u5834\u3057\u307e\u3057\u305f\u3002\u30da\u30fc\u30b8\u5358\u4f4d\u3084\u8981\u7d20\u5358\u4f4d\u3068\u3044\u3063\u305f\u67d4\u8edf\u306a\u7c92\u5ea6\u3067\u30c7\u30b6\u30a4\u30f3\u306e\u53d6\u308a\u8fbc\u307f\u30fb\u7de8\u96c6\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u5b8c\u6210\u753b\u9762\u3092\u305f\u3060\u8cbc\u308a\u4ed8\u3051\u308b\u306e\u3067\u306f\u306a\u304f\u3001Figma\u4e0a\u3067\u5909\u66f4\u3067\u304d\u308b\u5f62\u5f0f\u306b\u3059\u308b\u305f\u3081\u3001\u300c\u5b9f\u88c5\u2192\u78ba\u8a8d\u2192\u4fee\u6b63\u2192\u518d\u78ba\u8a8d\u300d\u3068\u3044\u3046\u30b5\u30a4\u30af\u30eb\u3092\u30b9\u30d4\u30fc\u30c7\u30a3\u306b\u884c\u3048\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001Figma\u306b\u53d6\u308a\u8fbc\u3093\u3060\u30d5\u30a1\u30a4\u30eb\u304b\u3089<span class=\"swl-marker mark_yellow\"><strong>\u30c7\u30b6\u30a4\u30ca\u30fc\u3084PM\u304c\u30c7\u30b6\u30a4\u30f3\u306e\u8abf\u6574\u30fb\u4fee\u6b63\u3092\u9032\u3081\u3001\u30d7\u30ed\u30b0\u30e9\u30de\u30fc\u3068\u306e\u5408\u610f\u5f62\u6210\u3082\u52b9\u7387\u5316<\/strong><\/span>\u3055\u308c\u308b\u3068\u3044\u3046\u30e1\u30ea\u30c3\u30c8\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5909\u66f4\u70b9\u304c\u8996\u899a\u7684\u306b\u6574\u7406\u3055\u308c\u305f\u72b6\u614b\u3067\u9032\u3081\u3089\u308c\u308b\u305f\u3081\u3001\u30c7\u30b6\u30a4\u30ca\u30fc\u30fbPM\u3068\u30d7\u30ed\u30b0\u30e9\u30de\u30fc\u53cc\u65b9\u306b\u3068\u3063\u3066\u4fee\u6b63\u306e\u5408\u610f\u5f62\u6210\u304c\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Claude Code to Figma Screen recording 1\" src=\"https:\/\/player.vimeo.com\/video\/1165394407?h=bef990eadd&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"281\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">\u51fa\u5178\uff1a<a href=\"https:\/\/www.figma.com\/blog\/introducing-claude-code-to-figma\/\" target=\"_blank\" rel=\"noreferrer noopener\">figma\u516c\u5f0f\u30b5\u30a4\u30c8<\/a><\/figcaption><\/figure>\n\n\n\n<p>Code to Canvas\u306f\u3001\u300c<span class=\"swl-inline-color has-swl-deep-01-color\"><strong>\u30b3\u30fc\u30c9\u2192Figma<\/strong><\/span>\u300d\u3060\u3051\u3067\u306a\u304f\u3001<span class=\"swl-marker mark_yellow\"><strong>Figma\u30d5\u30ec\u30fc\u30e0\u3092\u53c2\u7167\u3057\u306a\u304c\u3089Claude Code\u3067\u5b9f\u88c5\u306b\u623b\u3059\u3068\u3044\u3063\u305f\u5f80\u5fa9\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3082\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u308b\u70b9<\/strong><\/span>\u304c\u7279\u5fb4\u7684\u3067\u3059\u3002\u30c7\u30b6\u30a4\u30f3\u306e\u30ec\u30d3\u30e5\u30fc\u30fb\u6bd4\u8f03\u691c\u8a0e\u304cFigma\u306e\u4e2d\u3067\u5b8c\u7d50\u3067\u304d\u308b\u305f\u3081\u3001\u30c7\u30b6\u30a4\u30f3\u6848\u3068UI\u5b9f\u88c5\u306e\u30b5\u30a4\u30af\u30eb\u304c\u52b9\u7387\u5316\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u3010\u6bd4\u8f03\u8868\u3011Code to Canvas\u3068\u5f93\u6765\u624b\u6cd5\u306e\u9055\u3044<\/h3>\n\n\n\n<p>\u30c7\u30b6\u30a4\u30f3\u3092\u5171\u6709\u3059\u308b\u624b\u6cd5\u3068\u3057\u3066\u3001\u3053\u308c\u307e\u3067\u306f\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u5171\u6709\u3084\u753b\u9762\u9332\u753b\u3068\u3044\u3063\u305f\u65b9\u6cd5\u304c\u3068\u3089\u308c\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u5f93\u6765\u306e\u624b\u6cd5\u3068Code to Canvas\u306e\u9055\u3044\u3092\u6574\u7406\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-all-centered\"><table><thead><tr><th>\u9805\u76ee<\/th><th>Code to Canvas<\/th><th>\u5f93\u6765\u306e\u624b\u6cd5<br><span class=\"swl-fz u-fz-xs\">\uff08\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3084\u753b\u9762\u9332\u753b\uff09<\/span><\/th><\/tr><\/thead><tbody><tr><th>\u5165\u51fa\u529b<\/th><td><span class=\"swl-fz u-fz-s\"><span data-icon=\"dot\" class=\"swl-inline-list\">\u5b9f\u88c5\u6e08\u307f\u306eUI \u2192 \u30c7\u30b6\u30a4\u30f3<\/span><br><span data-icon=\"dot\" class=\"swl-inline-list\">\u30c7\u30b6\u30a4\u30f3 \u2192 <\/span>\u30b3\u30fc\u30c9\u5316\u3057\u305fUI<\/span><\/td><td><span class=\"swl-fz u-fz-s\">\u30c7\u30b6\u30a4\u30f3\u2192\u753b\u50cf\/\u52d5\u753b\u30d5\u30a1\u30a4\u30eb<\/span><\/td><\/tr><tr><th>\u53d6\u308a\u8fbc\u3093\u3060\u30c7\u30b6\u30a4\u30f3\u306e\u5909\u66f4<\/th><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon=\"circle\" data-icon-size=\"l\" data-icon-type=\"bg\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span><\/td><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon=\"close\" data-icon-size=\"l\" data-icon-type=\"bg\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span><\/td><\/tr><tr><th>\u5411\u3044\u3066\u3044\u308b\u7528\u9014<\/th><td><span class=\"swl-fz u-fz-s\">\u5b9f\u88c5UI\u3092\u8d77\u70b9\u306b\u3001\u5408\u610f\u5f62\u6210\u30fb\u5fae\u8abf\u6574\u3092\u52b9\u7387\u5316<\/span><\/td><td><span class=\"swl-fz u-fz-s\">\u5b8c\u6210\u3057\u305fUI\u306e\u5171\u6709\u300c\u3060\u3051\u300d\u3057\u305f\u3044<\/span><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3084\u753b\u9762\u9332\u753b\u3067\u306f\u3001\u30c7\u30b6\u30a4\u30f3\u3092\u5909\u66f4\u3059\u308b\u305f\u3081\u306b\u30d7\u30ed\u30b0\u30e9\u30de\u30fc\u304c\u30b3\u30fc\u30c9\u3092\u5909\u66f4\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3064\u307e\u308a\u3001\u5f93\u6765\u624b\u6cd5\u306f<span class=\"swl-marker mark_yellow\"><strong>\u30c7\u30b6\u30a4\u30f3\u306e\u78ba\u8a8d\u306b\u306f\u4f7f\u3048\u3066\u3082\u3001\u30c7\u30b6\u30a4\u30f3\u306e\u4fee\u6b63\u30fb\u8abf\u6574\u306b\u306f\u624b\u9593\u304c\u304b\u304b\u308b<\/strong><\/span>\u3068\u3044\u3046\u8ab2\u984c\u304c\u3042\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>Code to Canvas\u306fUI\u3092\u7de8\u96c6\u53ef\u80fd\u306a\u30c7\u30b6\u30a4\u30f3\u30ec\u30a4\u30e4\u30fc\u3068\u3057\u3066Figma\u306b\u53d6\u308a\u8fbc\u3081\u308b\u305f\u3081\u3001\u30c7\u30b6\u30a4\u30f3\u306e\u4fee\u6b63\u30fb\u8abf\u6574\u3082\u7c21\u7565\u5316\u3055\u308c\u308b\u70b9\u304c\u5927\u304d\u306a\u9055\u3044\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Claude Code\u3068Figma\u3092\u9023\u643a\u3059\u308b\u305f\u3081\u306e\u524d\u63d0\u6761\u4ef6<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-316.png\" alt=\"\" class=\"wp-image-86571\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-316.png 1536w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-316-300x200.png 300w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-316-1024x683.png 1024w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-316-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/figure>\n\n\n\n<p>Code to Canvas\u3092\u6d3b\u7528\u3059\u308b\u306b\u306f\u3001MCP\u30b5\u30fc\u30d0\u30fc\u306e\u63a5\u7d9a\u3084Figma\u306e\u6a29\u9650\u8a2d\u5b9a\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u3053\u3067\u306f\u3001Code to Canvas\u4f7f\u7528\u306e\u524d\u63d0\u6761\u4ef6\u3068\u306a\u308b\u5404\u7a2e\u8a2d\u5b9a\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Code to Canvas\u306e\u5229\u7528\u306b\u5fc5\u8981\u306a\u3082\u306e<\/h3>\n\n\n\n<p>Claude Code\u304b\u3089Code to Canvas\u3092\u4f7f\u3046\u524d\u63d0\u3068\u3057\u3066\u3001\u4e3b\u306b\u4ee5\u4e0b\u306e3\u3064\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group is-style-big_icon_good\"><div class=\"wp-block-group__inner-container\">\n<ul class=\"wp-block-list\">\n<li>Figma\u30a2\u30ab\u30a6\u30f3\u30c8<\/li>\n\n\n\n<li>Claude Code\u304b\u3089Figma MCP\u30b5\u30fc\u30d0\u30fc\u3078\u306e\u63a5\u7d9a<\/li>\n\n\n\n<li>Figma\u5074\u30d5\u30a1\u30a4\u30eb\u306e\u7de8\u96c6\u6a29\u9650\uff08\u5fc5\u8981\u306a\u5834\u5408\uff09<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>\u307e\u305a\u3001Figma\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u30c7\u30b6\u30a4\u30f3\u3092\u53d6\u308a\u8fbc\u3080\u305f\u3081\u306b<span class=\"swl-marker mark_yellow\"><strong>Code to Canvas\u304c\u5229\u7528\u53ef\u80fd\u306aFigma\u30a2\u30ab\u30a6\u30f3\u30c8<\/strong><\/span>\u304c\u5fc5\u8981\u3067\u3059\u3002\u7121\u6599\u30d7\u30e9\u30f3\u3067\u3082Code to Canvas\u3092\u5229\u7528\u3067\u304d\u307e\u3059\u304c\u3001\u30d7\u30e9\u30f3\u306b\u3088\u3063\u3066\u4e0a\u9650\u304c\u7570\u306a\u308a\u307e\u3059\u3002\u8a73\u3057\u3044Figma\u5074\u306e\u6761\u4ef6\u306f\u3001\u672c\u8a18\u4e8b\u306e\u300c<a href=\"#m4-1\" data-type=\"internal\" data-id=\"#m4-1\">Code to Canvas\u306e\u30b3\u30b9\u30c8\u69cb\u9020\uff5cFigma\u306e\u5229\u7528\u6599\u91d1<\/a>\u300d\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p>Claude Code\u304b\u3089Code to Canvas\u3092\u4f7f\u7528\u3059\u308b\u306b\u306f\u3001<span class=\"swl-marker mark_yellow\"><strong>Claude Code\u304cFigma\u306eRemote MCP\u30b5\u30fc\u30d0\u30fc\u306b\u63a5\u7d9a<\/strong><\/span>\u3067\u304d\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u307e\u305f\u3001<span class=\"swl-marker mark_yellow\"><strong>Figma\u3078\u306e\u53d6\u308a\u8fbc\u307f\u65b9\u6cd5\u306b\u3088\u3063\u3066\u5fc5\u8981\u306a\u6a29\u9650\u304c\u7570\u306a\u308b\u306e\u3067\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/strong><\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Figma\u306eRemote MCP\u3068Desktop MCP\u306e\u9055\u3044<\/h3>\n\n\n\n<p>Code to Canvas\u3092\u5229\u7528\u3059\u308b\u305f\u3081\u306bFigma\u306eMCP\u30b5\u30fc\u30d0\u30fc\u306b\u63a5\u7d9a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002Figma\u306eMCP\u30b5\u30fc\u30d0\u30fc\u306b\u306f\u3001Remote MCP\u3068Desktop MCP\u304c\u5b58\u5728\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u305d\u308c\u305e\u308c\u306e\u9055\u3044\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-all-centered\"><table><thead><tr><th>\u9805\u76ee<\/th><th>Remote MCP<\/th><th>Desktop MCP<\/th><\/tr><\/thead><tbody><tr><th>\u63a5\u7d9a\u5148<\/th><td>Figma\u63d0\u4f9b\u306eMCP\u30b5\u30fc\u30d0\u30fc<\/td><td>\u30ed\u30fc\u30ab\u30eb\u74b0\u5883\u306b\u8d77\u52d5\u3057\u305fMCP\u30b5\u30fc\u30d0\u30fc<\/td><\/tr><tr><th>\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/th><td>URL\u3092\u6307\u5b9a\u3057\u3066\u8ffd\u52a0<\/td><td>\u30ed\u30fc\u30ab\u30eb\u74b0\u5883\u3067MCP\u30b5\u30fc\u30d0\u30fc\u3092\u8d77\u52d5<\/td><\/tr><tr><th>Code to Canvas\u306e\u5229\u7528<\/th><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon=\"circle\" data-icon-size=\"l\" data-icon-type=\"bg\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span><\/td><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon=\"close\" data-icon-size=\"l\" data-icon-type=\"bg\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Remote MCP\u3068Desktop MCP\u306e\u5927\u304d\u306a\u9055\u3044\u306f\u3001\u300cMCP\u30b5\u30fc\u30d0\u30fc\u304c\u3069\u3053\u306b\u3042\u308b\u304b\u300d\u3068\u300c\u6a5f\u80fd\u300d\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>Remote MCP\u306fURL\u3092\u6307\u5b9a\u3059\u308b\u3053\u3068\u3067\u3001Figma\u304c\u63d0\u4f9b\u3059\u308bMCP\u30b5\u30fc\u30d0\u30fc\u306b\u30a2\u30af\u30bb\u30b9\u53ef\u80fd\u3067\u3059\u3002Desktop MCP\u306f\u30ed\u30fc\u30ab\u30eb\u74b0\u5883\u306eMCP\u30b5\u30fc\u30d0\u30fc\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u305f\u3081\u3001\u307e\u305aMCP\u30b5\u30fc\u30d0\u30fc\u306e\u8d77\u52d5\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u73fe\u5728\u3001Code to Canvas\u306fRemote MCP\u306e\u307f\u3067\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001<span class=\"swl-marker mark_yellow\"><strong>Code to Canvas\u3092\u4f7f\u7528\u3059\u308b\u969b\u306fRemote MCP\u3092\u4f7f\u7528\u3057\u307e\u3057\u3087\u3046<\/strong><\/span>\u3002<\/p>\n\n\n\n<p>Figma\u306eMCP\u30b5\u30fc\u30d0\u30fc\u306b\u3064\u3044\u3066\u306f\u4ee5\u4e0b\u306e\u8a18\u4e8b\u3067\u8a73\u7d30\u3092\u89e3\u8aac\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-miralabai wp-block-embed-miralabai\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/miralab.co.jp\/media\/figma-mcp\/\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Figma\u306e\u4fdd\u5b58\u65b9\u6cd5\uff5c\u65b0\u898f\u4f5c\u6210\u30fb\u65e2\u5b58\u30d5\u30a1\u30a4\u30eb\u30fb\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9<\/h3>\n\n\n\n<p>Code to Canvas\u3092\u4f7f\u3063\u3066\u53d6\u308a\u8fbc\u3093\u3060\u300c\u30c7\u30b6\u30a4\u30f3\u30ec\u30a4\u30e4\u300d\u306f <span class=\"swl-marker mark_yellow\"><strong>\u65b0\u898fFigma\u30d5\u30a1\u30a4\u30eb\u3001\u65e2\u5b58Figma\u30d5\u30a1\u30a4\u30eb\u3001\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306e3\u304b\u6240\u306b\u4fdd\u5b58<\/strong><\/span>\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><span class=\"swl-inline-color has-swl-deep-01-color\"><strong>\u65b0\u898fFigma\u30d5\u30a1\u30a4\u30eb\u306f\u3001UI\u306e\u691c\u8a3c\u30fb\u691c\u8a0e\u306b\u5411\u3044\u305f\u4fdd\u5b58\u65b9\u6cd5<\/strong><\/span>\u3067\u3059\u3002\u30c7\u30b6\u30a4\u30f3\u3092\u53d6\u308a\u8fbc\u3093\u3060\u3046\u3048\u3067\u30ec\u30a4\u30e4\u30fc\u69cb\u9020\u3084\u518d\u73fe\u5ea6\u3092\u78ba\u8a8d\u3057\u3066\u304b\u3089\u3001\u30c7\u30b6\u30a4\u30f3\u306e\u4fee\u6b63\u30fb\u8abf\u6574\u3092\u3059\u308b\u3001\u3068\u3044\u3063\u305f\u4f7f\u3044\u65b9\u304c\u8003\u3048\u3089\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p><span class=\"swl-marker mark_yellow\"><strong>\u65e2\u5b58Figma\u30d5\u30a1\u30a4\u30eb\u306b\u4fdd\u5b58\u3059\u308b\u65b9\u6cd5\u306f\u3001\u30c7\u30b6\u30a4\u30f3\u3092\u30b3\u30fc\u30c9\u3067\u5b9f\u88c5\u3057\u305f\u5f8c\u306e\u30d6\u30e9\u30c3\u30b7\u30e5\u30a2\u30c3\u30d7\u306b\u5411\u3044\u3066\u3044\u307e\u3059\u3002<\/strong><\/span>\u4f8b\u3048\u3070\u3001\u5b9f\u88c5\u3057\u305f\u30e9\u30a4\u30d6UI\u3092\u30ad\u30e3\u30d7\u30c1\u30e3\u3057\u3066\u307e\u305aFigma\u3078\u9001\u308a\u307e\u3059\u3002\u30c7\u30b6\u30a4\u30ca\u30fc\u3084PM\u306fFigma\u306b\u9001\u4fe1\u3057\u305f\u30c7\u30b6\u30a4\u30f3\u3092\u3082\u3068\u306b\u6700\u7d42\u8abf\u6574\u3084\u5909\u66f4\u6307\u793a\u3092\u884c\u3046\u3001\u3068\u3044\u3063\u305f\u4f7f\u3044\u65b9\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<p><span class=\"swl-marker mark_yellow\"><strong>\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u3078\u306e\u4fdd\u5b58\u306f\u3001\u30d5\u30a1\u30a4\u30eb\u7ba1\u7406\u3092\u4ecb\u3055\u305a\u306b\u7d20\u65e9\u304f\u30c7\u30b6\u30a4\u30f3\u78ba\u8a8d\u3092\u884c\u3046\u3068\u304d\u306e\u9078\u629e\u80a2<\/strong><\/span>\u3067\u3059\u3002\u30e1\u30c3\u30bb\u30fc\u30b8\u30c4\u30fc\u30eb\u3092\u4ecb\u3057\u305f\u8fc5\u901f\u306a\u78ba\u8a8d\u3001\u4e00\u6642\u7684\u306a\u8cbc\u308a\u4ed8\u3051\u4fdd\u5b58\u3068\u3044\u3063\u305f\u7528\u9014\u306b\u5411\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><span class=\"swl-inline-color has-swl-deep-01-color\"><strong>Figma\u30d5\u30a1\u30a4\u30eb\u306b\u4fdd\u5b58\u3059\u308b\u3068\u5c65\u6b74\u304c\u6b8b\u308a\u7ba1\u7406\u3057\u3084\u3059\u3044<\/strong><\/span>\u305f\u3081\u3001\u4fee\u6b63\u6307\u793a\u3092\u4f34\u3046\u30ec\u30d3\u30e5\u30fc\u30fb\u5171\u6709\u306e\u5834\u5408\u306e\u4fdd\u5b58\u5148\u306b\u306f\u3001\u300c\u65b0\u898fFigma\u30d5\u30a1\u30a4\u30eb\u300d\u304b\u300c\u65e2\u5b58Figma\u30d5\u30a1\u30a4\u30eb\u300d\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"swell-block-capbox cap_box is-style-onborder_ttl2\"><div class=\"cap_box_ttl\"><span>Code to Canvas\u306e\u4fdd\u5b58\u5148<\/span><\/div><div class=\"cap_box_content\">\n<ul class=\"wp-block-list\">\n<li><strong>\u65b0\u898fFigma\u30d5\u30a1\u30a4\u30eb<\/strong> \u2026 \u30c7\u30b6\u30a4\u30f3\u691c\u8a0e\u30fb\u5b9f\u88c5\u306e\u521d\u671f\u6bb5\u968e\u306b\u5411\u304f<\/li>\n\n\n\n<li><strong>\u65e2\u5b58Figma\u30d5\u30a1\u30a4\u30eb<\/strong>\u2026 \u30c7\u30b6\u30a4\u30f3\u691c\u8a0e\u30fb\u5b9f\u88c5\u306e\u5fae\u8abf\u6574\u306b\u5411\u304f<\/li>\n\n\n\n<li><strong>\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9<\/strong> \u2026 \u7c21\u5358\u306a\u5171\u6709\u3084\u4fdd\u5b58\u5411\u304d<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"m2-4\">Figma\u306e\u6a29\u9650\u7ba1\u7406\uff5c\u30d5\u30a1\u30a4\u30eb\u30fb\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u6a29\u9650\u3068Figma\u306e\u4fdd\u5b58\u65b9\u6cd5<\/h3>\n\n\n\n<p>Figma\u306e\u30d5\u30a1\u30a4\u30eb\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u306f\u3001\u5404\u30e6\u30fc\u30b6\u30fc\u306b\u4ee5\u4e0b\u306e\u6a29\u9650\u304c\u5272\u308a\u5f53\u3066\u3089\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group is-style-big_icon_good\"><div class=\"wp-block-group__inner-container\">\n<ul class=\"wp-block-list -list-under-dashed\">\n<li><strong>Can edit\uff08\u7de8\u96c6\u53ef\u80fd\uff09<\/strong>\u2026 \u8a72\u5f53\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5185\u3067\u30d5\u30a1\u30a4\u30eb\u306e\u4f5c\u6210\u30fb\u7de8\u96c6\u304c\u53ef\u80fd<\/li>\n\n\n\n<li><strong>Can view\uff08\u95b2\u89a7\u53ef\u80fd\uff09<\/strong>\u2026 \u8a72\u5f53\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u95b2\u89a7\u306e\u307f\u53ef\u80fd\u3002\u5404\u30d5\u30a1\u30a4\u30eb\u3078\u306e\u30a2\u30af\u30bb\u30b9\u306f\u3001\u30d5\u30a1\u30a4\u30eb\u3054\u3068\u306b\u8a2d\u5b9a\u3055\u308c\u308b\u6a29\u9650\u306b\u3088\u3063\u3066\u6c7a\u307e\u308b<\/li>\n\n\n\n<li><strong>Owner\uff08\u6240\u6709\u8005\uff09<\/strong>\u2026 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210\u8005\u3002\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5185\u3067\u30d5\u30a1\u30a4\u30eb\u306e\u4f5c\u6210\u30fb\u7de8\u96c6\u304c\u53ef\u80fd<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>Code to Canvas\u3067\u306f\u3001\u30d5\u30a1\u30a4\u30eb\u306e\u4fdd\u5b58\u65b9\u6cd5\u306b\u3088\u3063\u3066\u306f\u6a29\u9650\u8a2d\u5b9a\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u3002<span class=\"swl-marker mark_yellow\"><strong>\u300c\u65e2\u5b58Figma\u30d5\u30a1\u30a4\u30eb\u300d\u306b\u4fdd\u5b58\u3059\u308b\u5834\u5408\u306f\u300cCan edit\uff08\u7de8\u96c6\u53ef\u80fd\uff09\u300d\u3092\u8a2d\u5b9a<\/strong><\/span>\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p>Code to Canvas\u3092\u5229\u7528\u3059\u308b\u524d\u306b\u3001\u5bfe\u8c61\u30d5\u30a1\u30a4\u30eb\u306b\u5bfe\u3057\u3066\u5fc5\u8981\u306a\u6a29\u9650\u3092\u5272\u308a\u5f53\u3066\u53ef\u80fd\u304b\u78ba\u8a8d\u3059\u308b\u3088\u3046\u306b\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Code to Canvas\u306e\u4f7f\u3044\u65b9\u30ac\u30a4\u30c9<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-315.png\" alt=\"\" class=\"wp-image-86570\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-315.png 1536w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-315-300x200.png 300w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-315-1024x683.png 1024w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-315-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/figure>\n\n\n\n<p>Code to Canvas\u3092\u5229\u7528\u3059\u308b\u305f\u3081\u306b\u3001Claude Code\u4e0a\u3067\u5fc5\u8981\u306a\u8a2d\u5b9a\u306b\u3064\u3044\u3066\u5177\u4f53\u7684\u306a\u624b\u9806\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u307e\u305f\u3001\u5b9f\u969b\u306eCode to Canvas\u5229\u7528\u30b9\u30c6\u30c3\u30d7\u3084\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u306b\u3064\u3044\u3066\u3082\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Code to Canvas\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\uff5cRemote MCP\u8ffd\u52a0\u2192\u63a5\u7d9a\u2192\u8a8d\u8a3c<\/h3>\n\n\n\n<p>Code to Canvas\u3092\u5229\u7528\u3059\u308b\u305f\u3081\u306b\u306f \u3001<code>https:\/\/mcp.figma.com\/mcp<\/code> \u306b\u63a5\u7d9a\u3057\u3001Figma\u306e\u30ea\u30e2\u30fc\u30c8MCP\u30b5\u30fc\u30d0\u3092\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<span class=\"swl-marker mark_yellow\"><strong>Claude Code\u304b\u3089\u30ea\u30e2\u30fc\u30c8MCP\u30b5\u30fc\u30d0\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u624b\u9806<\/strong><\/span>\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"swell-block-step\" data-num-style=\"circle\">\n<div class=\"swell-block-step__item\"><div class=\"swell-block-step__number u-bg-main\"><span class=\"__label\">STEP<\/span><\/div><div class=\"swell-block-step__title u-fz-l\">\u30ea\u30e2\u30fc\u30c8MCP\u30b5\u30fc\u30d0\u306e\u8ffd\u52a0<\/div><div class=\"swell-block-step__body\">\n<p>\u30bf\u30fc\u30df\u30ca\u30eb\u3067\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3001Claude Code\u304c\u4f7f\u7528\u3059\u308bMCP\u30b5\u30fc\u30d0\u30fc\u306bFigma\u306e\u30ea\u30e2\u30fc\u30c8MCP\u30b5\u30fc\u30d0\u30fc\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>claude mcp add --transport http figma https:\/\/mcp.figma.com\/mcp<\/code><\/pre>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-step__item\"><div class=\"swell-block-step__number u-bg-main\"><span class=\"__label\">STEP<\/span><\/div><div class=\"swell-block-step__title u-fz-l\">MCP\u30b5\u30fc\u30d0\u306e\u78ba\u8a8d<\/div><div class=\"swell-block-step__body\">\n<p>\u30bf\u30fc\u30df\u30ca\u30eb\u3067\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3059\u308b\u3068\u3001Claude Code\u304c\u4f7f\u7528\u3059\u308bMCP\u30b5\u30fc\u30d0\u30fc\u306e\u4e00\u89a7\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>claude mcp list<\/code><\/pre>\n\n\n\n<p>Figma\u306e\u30ea\u30e2\u30fc\u30c8MCP\u30b5\u30fc\u30d0\u30fc\u304c\u8ffd\u52a0\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1903\" height=\"231\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-318.png\" alt=\"\" class=\"wp-image-86590\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-318.png 1903w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-318-300x36.png 300w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-318-1024x124.png 1024w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-318-768x93.png 768w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-318-1536x186.png 1536w\" sizes=\"(max-width: 1903px) 100vw, 1903px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-step__item\"><div class=\"swell-block-step__number u-bg-main\"><span class=\"__label\">STEP<\/span><\/div><div class=\"swell-block-step__title u-fz-l\">Claude Code\u8d77\u52d5<\/div><div class=\"swell-block-step__body\">\n<p>\u30bf\u30fc\u30df\u30ca\u30eb\u3067<code>claude<\/code>\u3068\u5165\u529b\u3057\u3001Claude Code\u3092\u8d77\u52d5\u3057\u307e\u3059\u3002<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-step__item\"><div class=\"swell-block-step__number u-bg-main\"><span class=\"__label\">STEP<\/span><\/div><div class=\"swell-block-step__title u-fz-l\">Figma\u306e\u8a8d\u8a3c\u753b\u9762\u8d77\u52d5<\/div><div class=\"swell-block-step__body\">\n<p>Figma\u306e\u30ea\u30e2\u30fc\u30c8MCP\u30b5\u30fc\u30d0\u30fc\u3092\u4f7f\u7528\u3059\u308b\u305f\u3081\u306b\u8a8d\u8a3c\u304c\u5fc5\u8981\u3067\u3059\u3002\u8d77\u52d5\u3057\u305fClaude Code\u3067<code>\/mcp<\/code>\u3068\u5165\u529b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1842\" height=\"656\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-320.png\" alt=\"\" class=\"wp-image-86592\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-320.png 1842w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-320-300x107.png 300w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-320-1024x365.png 1024w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-320-768x274.png 768w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-320-1536x547.png 1536w\" sizes=\"(max-width: 1842px) 100vw, 1842px\" \/><\/figure>\n\n\n\n<p>MCP\u30b5\u30fc\u30d0\u30fc\u306e\u4e00\u89a7\u304c\u8868\u793a\u3055\u308c\u308b\u306e\u3067\u3001\u300cfigma\u300d\u3092\u9078\u629e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1901\" height=\"370\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-335.png\" alt=\"\" class=\"wp-image-86639\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-335.png 1901w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-335-300x58.png 300w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-335-1024x199.png 1024w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-335-768x149.png 768w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-335-1536x299.png 1536w\" sizes=\"(max-width: 1901px) 100vw, 1901px\" \/><\/figure>\n\n\n\n<p>\u8a8d\u8a3c\u3092\u884c\u3046\u305f\u3081\u306b\u300cAuthenticate\u300d\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1625\" height=\"381\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-334.png\" alt=\"\" class=\"wp-image-86638\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-334.png 1625w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-334-300x70.png 300w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-334-1024x240.png 1024w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-334-768x180.png 768w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-334-1536x360.png 1536w\" sizes=\"(max-width: 1625px) 100vw, 1625px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-step__item\"><div class=\"swell-block-step__number u-bg-main\"><span class=\"__label\">STEP<\/span><\/div><div class=\"swell-block-step__title u-fz-l\">Figma\u306e\u8a8d\u8a3c<\/div><div class=\"swell-block-step__body\">\n<p>Claude Code\u306b\u8868\u793a\u3055\u308c\u308bURL\u3092\u30d6\u30e9\u30a6\u30b6\u306b\u5165\u529b\u3059\u308b\u3068\u3001\u8a8d\u8a3c\u753b\u9762\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u554f\u984c\u304c\u306a\u3051\u308c\u3070\u300c\u540c\u610f\u3057\u3066\u30a2\u30af\u30bb\u30b9\u3092\u8a31\u53ef\u3059\u308b\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"687\" height=\"1045\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-323.png\" alt=\"\" class=\"wp-image-86595\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-323.png 687w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-323-197x300.png 197w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-323-673x1024.png 673w\" sizes=\"(max-width: 687px) 100vw, 687px\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p>Claude Code\u4e0a\u306b\u300cAuthentication successful. Connected to figma.\u300d\u3068\u8868\u793a\u3055\u308c\u305f\u3089\u8a8d\u8a3c\u5b8c\u4e86\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"646\" height=\"93\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-324.png\" alt=\"\" class=\"wp-image-86596\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-324.png 646w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-324-300x43.png 300w\" sizes=\"(max-width: 646px) 100vw, 646px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u57fa\u672c\u306e\u64cd\u4f5c\u624b\u9806\uff5cClaude Code\u3092\u4f7f\u3063\u3066UI\u3092Figma\u306b\u4fdd\u5b58\u3059\u308b<\/h3>\n\n\n\n<p>Code to Canvas\u3092\u4f7f\u3063\u3066\u3001<span class=\"swl-marker mark_yellow\"><strong>Claude Code\u3067\u5b9f\u88c5\u3057\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306eUI\u3092\u7c21\u5358\u306bFigma\u306b\u53d6\u308a\u8fbc\u3080<\/strong><\/span>\u65b9\u6cd5\u306b\u3064\u3044\u3066\u7d39\u4ecb\u3057\u307e\u3059\u3002\u5b9f\u969b\u306e\u624b\u9806\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"swell-block-step\" data-num-style=\"circle\">\n<div class=\"swell-block-step__item\"><div class=\"swell-block-step__number u-bg-main\"><span class=\"__label\">STEP<\/span><\/div><div class=\"swell-block-step__title u-fz-l\">Claude Code\u3067\u30c7\u30b6\u30a4\u30f3\u3092\u5b9f\u88c5<\/div><div class=\"swell-block-step__body\">\n<p>\u307e\u305a\u306fClaude Code\u3092\u7acb\u3061\u4e0a\u3052\u3066\u3001\u4efb\u610f\u306eUI\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1061\" height=\"716\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-325.png\" alt=\"\" class=\"wp-image-86623\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-325.png 1061w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-325-300x202.png 300w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-325-1024x691.png 1024w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-325-768x518.png 768w\" sizes=\"(max-width: 1061px) 100vw, 1061px\" \/><\/figure>\n\n\n\n<p>\u4eca\u56de\u5b9f\u88c5\u3057\u305fTODO\u30a2\u30d7\u30ea\u306eUI\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"786\" height=\"853\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-326.png\" alt=\"\" class=\"wp-image-86624\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-326.png 786w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-326-276x300.png 276w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-326-768x833.png 768w\" sizes=\"(max-width: 786px) 100vw, 786px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-step__item\"><div class=\"swell-block-step__number u-bg-main\"><span class=\"__label\">STEP<\/span><\/div><div class=\"swell-block-step__title u-fz-l\">UI\u3092Figma\u3078\u9001\u4fe1<\/div><div class=\"swell-block-step__body\">\n<p>Claude Code\u3067\u4ee5\u4e0b\u306e\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u9001\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Send this to Figma<\/code><\/pre>\n\n\n\n<p>\u5b9f\u884c\u3059\u308b\u3068<span class=\"swl-marker mark_yellow\"><strong>\u30ed\u30fc\u30ab\u30eb\u3067UI\u306e\u30ad\u30e3\u30d7\u30c1\u30e3\u304c\u958b\u59cb<\/strong><\/span>\u3055\u308c\u307e\u3059\u3002\u30ad\u30e3\u30d7\u30c1\u30e3\u304c\u5b8c\u4e86\u3059\u308b\u3068\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u30e1\u30cb\u30e5\u30fc\u30d0\u30fc\u5185\u306b\u300cFigma\u306b\u9001\u4fe1\u300d\u3068\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"706\" height=\"842\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-327.png\" alt=\"\" class=\"wp-image-86625\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-327.png 706w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-327-252x300.png 252w\" sizes=\"(max-width: 706px) 100vw, 706px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-step__item\"><div class=\"swell-block-step__number u-bg-main\"><span class=\"__label\">STEP<\/span><\/div><div class=\"swell-block-step__title u-fz-l\">Figma\u3067\u30c7\u30b6\u30a4\u30f3\u3092\u78ba\u8a8d<\/div><div class=\"swell-block-step__body\">\n<p>Figma\u4e0a\u3067\u53d6\u308a\u8fbc\u3093\u3060\u30c7\u30b6\u30a4\u30f3\u3092\u78ba\u8a8d\u3059\u308b\u305f\u3081\u3001\u30e1\u30cb\u30e5\u30fc\u30d0\u30fc\u306e\u300c\u30d5\u30a1\u30a4\u30eb\u3092\u958b\u304f\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"937\" height=\"531\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-329.png\" alt=\"\" class=\"wp-image-86627\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-329.png 937w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-329-300x170.png 300w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-329-768x435.png 768w\" sizes=\"(max-width: 937px) 100vw, 937px\" \/><\/figure>\n\n\n\n<p>\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068Figma\u306e\u753b\u9762\u306b\u9077\u79fb\u3057\u3001\u53d6\u308a\u8fbc\u3093\u3060\u30c7\u30b6\u30a4\u30f3\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u5358\u306a\u308b\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3067\u306f\u306a\u304f\u3001<span class=\"swl-marker mark_yellow\"><strong>\u7de8\u96c6\u53ef\u80fd\u306a\u30c7\u30b6\u30a4\u30f3\u3068\u3057\u3066\u4fdd\u5b58\u3055\u308c\u3066\u3044\u308b<\/strong><\/span>\u3053\u3068\u304c\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1918\" height=\"910\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-328.png\" alt=\"\" class=\"wp-image-86626\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-328.png 1918w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-328-300x142.png 300w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-328-1024x486.png 1024w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-328-768x364.png 768w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-328-1536x729.png 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p>\u4ee5\u4e0a\u306e\u3088\u3046\u306b\u3001Claude Code\u3067\u5b9f\u88c5\u3057\u305fUI\u3092\u6570\u30b9\u30c6\u30c3\u30d7\u3067Figma\u306b\u53d6\u308a\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\uff5cCode to Canvas\u306b\u3088\u308b\u53d6\u308a\u8fbc\u307f\u304c\u8868\u793a\u3055\u308c\u306a\u3044<\/h3>\n\n\n\n<p>Claude Code\u4e0a\u3067\u30c7\u30b6\u30a4\u30f3\u3092\u53d6\u308a\u8fbc\u3080\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u5165\u529b\u3057\u3066\u3082\u3001Code to Canvas\u3092\u4f7f\u3063\u305fFigma\u3078\u306e\u9001\u4fe1\u304c\u9078\u629e\u3067\u304d\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1438\" height=\"352\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-330.png\" alt=\"\" class=\"wp-image-86634\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-330.png 1438w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-330-300x73.png 300w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-330-1024x251.png 1024w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-330-768x188.png 768w\" sizes=\"(max-width: 1438px) 100vw, 1438px\" \/><\/figure>\n\n\n\n<p>\u3053\u306e\u5834\u5408\u3001Claude Code\u304c<span class=\"swl-marker mark_yellow\"><strong>Figma\u306eRemote MCP\u30b5\u30fc\u30d0\u30fc\u306b\u63a5\u7d9a\u3057\u3066\u3044\u306a\u3044<\/strong><\/span>\u3053\u3068\u304c\u539f\u56e0\u3068\u3057\u3066\u8003\u3048\u3089\u308c\u307e\u3059\u3002Code to Canvas\u3092\u4f7f\u3046\u305f\u3081\u306b\u306fRemote MCP\u30b5\u30fc\u30d0\u30fc\u3078\u30a2\u30af\u30bb\u30b9\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u305f\u3081\u3001\u305d\u306e\u8a2d\u5b9a\u306b\u4e0d\u5099\u304c\u3042\u308b\u3068Code to Canvas\u304c\u4f7f\u7528\u3067\u304d\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p>Remote MCP\u30b5\u30fc\u30d0\u30fc\u3078\u306e\u63a5\u7d9a\u3092\u78ba\u8a8d\u3059\u308b\u305f\u3081\u306b\u306f\u3001Claude Code\u3067<code>\/mcp<\/code>\u3068\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u3001Claude Code\u304c\u63a5\u7d9a\u3057\u3066\u3044\u308bMCP\u30b5\u30fc\u30d0\u30fc\u304c\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1866\" height=\"353\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-331.png\" alt=\"\" class=\"wp-image-86635\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-331.png 1866w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-331-300x57.png 300w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-331-1024x194.png 1024w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-331-768x145.png 768w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-331-1536x291.png 1536w\" sizes=\"(max-width: 1866px) 100vw, 1866px\" \/><\/figure>\n\n\n\n<p>\u63a5\u7d9a\u3057\u3066\u3044\u308bMCP\u30b5\u30fc\u30d0\u30fc\u306e\u4e00\u89a7\u306b<span class=\"swl-marker mark_yellow\"><strong>\u300cfigma\u300d\u304c\u8868\u793a\u3055\u308c\u3066\u3044\u306a\u3044\u5834\u5408\u3001MCP\u30b5\u30fc\u30d0\u30fc\u306e\u8ffd\u52a0\u624b\u9806\u3092\u5b9f\u65bd<\/strong><\/span>\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002Claude Code\u3092exit\u3057\u3066\u304b\u3089\u30bf\u30fc\u30df\u30ca\u30eb\u3067<code>claude mcp add --transport http figma https:\/\/mcp.figma.com\/mcp<\/code>\u3092\u5b9f\u884c\u3057\u3001MCP\u30b5\u30fc\u30d0\u30fc\u3092\u8ffd\u52a0\u3057\u3066\u304b\u3089\u8a8d\u8a3c\u3092\u884c\u3063\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p>\u63a5\u7d9a\u3057\u3066\u3044\u308bMCP\u30b5\u30fc\u30d0\u30fc\u306e\u4e00\u89a7\u306b\u300cfigma\u300d\u304c\u8868\u793a\u3055\u308c\u3066\u3044\u3066\u3001<span class=\"swl-marker mark_yellow\"><strong>\u300cneeds authentication\u300d\u3068\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u306f\u8a8d\u8a3c\u304c\u5fc5\u8981<\/strong><\/span>\u3067\u3059\u3002\u300cfigma\u300d\u3092\u9078\u629e\u3059\u308b\u3068\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8a8d\u8a3c\u306b\u3064\u3044\u3066\u78ba\u8a8d\u3055\u308c\u308b\u305f\u3081\u3001\u300cAuthenticate\u300d\u3092\u9078\u629e\u3057\u3066\u8a8d\u8a3c\u3092\u9032\u3081\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1625\" height=\"381\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-333.png\" alt=\"\" class=\"wp-image-86637\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-333.png 1625w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-333-300x70.png 300w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-333-1024x240.png 1024w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-333-768x180.png 768w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-333-1536x360.png 1536w\" sizes=\"(max-width: 1625px) 100vw, 1625px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Code to Canvas\u306e\u6599\u91d1\u4f53\u7cfb<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-314.png\" alt=\"\" class=\"wp-image-86569\" srcset=\"https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-314.png 1536w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-314-300x200.png 300w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-314-1024x683.png 1024w, https:\/\/miralab.co.jp\/media\/wp-content\/uploads\/2026\/02\/image-314-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/figure>\n\n\n\n<p>Claude Code\u304b\u3089Code to Canvas\u3092\u5229\u7528\u3059\u308b\u5834\u5408\u3001Claude Code\u3068Figma\u306e\u6599\u91d1\u3092\u8003\u616e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u305d\u308c\u305e\u308c\u306e\u6599\u91d1\u30d7\u30e9\u30f3\u3068\u30d7\u30e9\u30f3\u9078\u5b9a\u306e\u30dd\u30a4\u30f3\u30c8\u3092\u304a\u4f1d\u3048\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"m4-1\">Code to Canvas\u306e\u30b3\u30b9\u30c8\u69cb\u9020\uff5cFigma\u306e\u5229\u7528\u6599\u91d1<\/h3>\n\n\n\n<p>Code to Canvas\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001<span class=\"swl-marker mark_yellow\"><strong>\u4e3b\u306b\u300cFigma\u306e\u5229\u7528\u6599\u91d1\u300d\u3068\u300cClaude Code\u306e\u5229\u7528\u6599\u91d1\u300d<\/strong><\/span>\u3092\u8003\u616e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>Figma\u306b\u306f\u7121\u6599\u30d7\u30e9\u30f3\u3068\u6709\u6599\u306e\u30d7\u30e9\u30f3\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u3044\u305a\u308c\u306e\u30d7\u30e9\u30f3\u3067\u3082Code to Canvas\u304c\u5229\u7528\u3067\u304d\u307e\u3059\u3002\u305f\u3060\u3057\u3001\u30d7\u30e9\u30f3\u3054\u3068\u306bFigma MCP\u30b5\u30fc\u30d0\u30fc\u3078\u306e\u30a2\u30af\u30bb\u30b9\u56de\u6570\u3084\u3001\u5404\u6a5f\u80fd\u306e\u5236\u9650\u304c\u7570\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>\u30d7\u30e9\u30f3<\/th><th>\u6599\u91d1(\u6708\u984d)<\/th><th>\u6599\u91d1(\u5e74\u6255\u3044)<\/th><th>Figma MCP\u30b5\u30fc\u30d0\u30fc\u30a2\u30af\u30bb\u30b9\u5236\u9650<\/th><\/tr><\/thead><tbody><tr><th>\u30b9\u30bf\u30fc\u30bf\u30fc<\/th><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon=\"line\" data-icon-size=\"l\" data-icon-type=\"bg\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span><\/td><td>\u7121\u6599<\/td><td>6\u56de\/\u6708<\/td><\/tr><tr><th>\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb<\/th><td><span data-icon=\"dot\" class=\"swl-inline-list\">\u30b3\u30e9\u30dc\u30b7\u30fc\u30c8<\/span>\uff1a\u00a5750<br><span data-icon=\"dot\" class=\"swl-inline-list\">Dev\u30b7\u30fc\u30c8<\/span>\uff1a\u00a52,250<br><span data-icon=\"dot\" class=\"swl-inline-list\">\u30d5\u30eb\u30b7\u30fc\u30c8<\/span>\uff1a\u00a53,000<\/td><td><span data-icon=\"dot\" class=\"swl-inline-list\">\u30b3\u30e9\u30dc\u30b7\u30fc\u30c8\uff1a\u00a5450<\/span><br><span data-icon=\"dot\" class=\"swl-inline-list\">Dev\u30b7\u30fc\u30c8\uff1a\u00a51,800<\/span><br><span data-icon=\"dot\" class=\"swl-inline-list\">\u30d5\u30eb\u30b7\u30fc\u30c8\uff1a\u00a52,400<\/span><\/td><td><span data-icon=\"dot\" class=\"swl-inline-list\">\u30b3\u30e9\u30dc\u30b7\u30fc\u30c8\uff1a6\u56de\/\u6708<\/span><br><span data-icon=\"dot\" class=\"swl-inline-list\">Dev\u30b7\u30fc\u30c8200\u56de\/\u65e5<\/span><br><span data-icon=\"dot\" class=\"swl-inline-list\">\u30d5\u30eb\u30b7\u30fc\u30c8200\u56de\/\u65e5<\/span><\/td><\/tr><tr><th>\u30d3\u30b8\u30cd\u30b9<\/th><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon=\"line\" data-icon-size=\"l\" data-icon-type=\"bg\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span><\/td><td><span data-icon=\"dot\" class=\"swl-inline-list\">\u30b3\u30e9\u30dc\u30b7\u30fc\u30c8\u00a5750<\/span><br><span data-icon=\"dot\" class=\"swl-inline-list\">Dev\u30b7\u30fc\u30c8\uff1a\u00a53,750<\/span><br><span data-icon=\"dot\" class=\"swl-inline-list\">\u30d5\u30eb\u30b7\u30fc\u30c8\uff1a\u00a58,300<\/span><\/td><td><span data-icon=\"dot\" class=\"swl-inline-list\">\u30b3\u30e9\u30dc\u30b7\u30fc\u30c86\u56de\/\u6708<\/span><br><span data-icon=\"dot\" class=\"swl-inline-list\">Dev\u30b7\u30fc\u30c8200\u56de\/\u65e5<\/span><br><span data-icon=\"dot\" class=\"swl-inline-list\">\u30d5\u30eb\u30b7\u30fc\u30c8200\u56de\/\u65e5<\/span><\/td><\/tr><tr><th>\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba<\/th><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon=\"line\" data-icon-size=\"l\" data-icon-type=\"bg\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span><\/td><td><span data-icon=\"dot\" class=\"swl-inline-list\">\u30b3\u30e9\u30dc\u30b7\u30fc\u30c8\uff1a\u00a5750<\/span><br><span data-icon=\"dot\" class=\"swl-inline-list\">Dev\u30b7\u30fc\u30c8\uff1a\u00a55,250<\/span><br><span data-icon=\"dot\" class=\"swl-inline-list\">\u30d5\u30eb\u30b7\u30fc\u30c8\uff1a\u00a513,600<\/span><\/td><td>\u6700\u5927600\u56de\/\u65e5<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u500b\u4eba\u5229\u7528\u3084\u5c0f\u898f\u6a21\u306a\u691c\u8a3c\u3067\u3042\u308c\u3070\u3001<span class=\"swl-marker mark_yellow\"><strong>\u7121\u6599\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u3067\u8a66\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/strong><\/span><\/p>\n\n\n\n<p>\u30c1\u30fc\u30e0\u5229\u7528\u3084\u672c\u683c\u7684\u306a\u5229\u7528\u3092\u958b\u59cb\u3059\u308b\u5834\u5408\u306f\u3001\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u3084\u30d3\u30b8\u30cd\u30b9\u30d7\u30e9\u30f3\u306e\u5229\u7528\u304c\u73fe\u5b9f\u7684\u3067\u3059\u3002Code to Canvas\u306e\u5229\u7528\u56de\u6570\u304c\u4e00\u65e5200\u56de\u3092\u8d85\u3048\u308b\u5834\u5408\u306f\u3001\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30d7\u30e9\u30f3\u3092\u691c\u8a0e\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Claude Code\u306e\u5229\u7528\u6599\u91d1<\/h3>\n\n\n\n<p>Figma\u30a2\u30ab\u30a6\u30f3\u30c8\u306b\u3064\u3044\u3066\u306f\u3001\u7121\u6599\u30d7\u30e9\u30f3\u3067\u3082Code to Canvas\u304c\u4f7f\u7528\u53ef\u80fd\u3067\u3059\u3002\u305f\u3060\u3057<span class=\"swl-marker mark_yellow\"><strong>Claude Code\u3092\u5229\u7528\u3059\u308b\u305f\u3081\u306b\u306f\u3001Claude\u306e\u6709\u6599\u30d7\u30e9\u30f3\u306e\u5951\u7d04\u304c\u5fc5\u8981<\/strong><\/span>\u3067\u3059\u3002<\/p>\n\n\n\n<p>Claude Code\u3067Code to Canvas\u3092\u5229\u7528\u3059\u308b\u5834\u5408\u3001\u7121\u6599\u67a0\u3067\u306f\u4f7f\u7528\u3067\u304d\u306a\u3044\u305f\u3081\u3054\u6ce8\u610f\u304f\u3060\u3055\u3044\u3002Claude\u306e\u6709\u6599\u30d7\u30e9\u30f3\u306e\u6599\u91d1\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-all-centered\"><table><thead><tr><th>\u9805\u76ee<\/th><th>Pro<\/th><th>Max<\/th><th>Team<\/th><th>Enterprise<\/th><\/tr><\/thead><tbody><tr><th>\u6708\u984d\u6599\u91d1<\/th><td>$20<br><span class=\"swl-fz u-fz-xs\">(\u7d04\u00a53,100)<\/span><\/td><td>$100\/$200<br><span class=\"swl-fz u-fz-xs\">(\u7d04\u00a515,500\/\u00a531,000)<\/span><\/td><td>$25\/$125<br><span class=\"swl-fz u-fz-xs\">(\u7d04\u00a53,875\/\u00a519,375)<\/span><\/td><td>\u8981\u554f\u3044\u5408\u308f\u305b<\/td><\/tr><tr><th>\u5e74\u984d\u30d7\u30e9\u30f3<br><span class=\"swl-fz u-fz-xs\">\uff08\u6708\u76f8\u5f53\uff09<\/span><\/th><td>$17<\/td><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon=\"line\" data-icon-size=\"l\" data-icon-type=\"bg\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span><\/td><td>$20\/$100<\/td><td>\u5951\u7d04\u6761\u4ef6\u6b21\u7b2c<\/td><\/tr><tr><th>Claude Code<\/th><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon-type=\"bg\" data-icon=\"close\" data-icon-size=\"l\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span><\/td><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon=\"circle\" data-icon-size=\"l\" data-icon-type=\"bg\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span><\/td><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon=\"circle\" data-icon-size=\"l\" data-icon-type=\"bg\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span><\/td><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon=\"circle\" data-icon-size=\"l\" data-icon-type=\"bg\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span><\/td><\/tr><tr><th>\u4f7f\u7528\u91cf<br><span class=\"swl-fz u-fz-xs\">\uff08\u30bb\u30c3\u30b7\u30e7\u30f3\uff09<\/span><\/th><td>\u57fa\u6e96<\/td><td>Pro\u306e5\u500d\/20\u500d<\/td><td>Pro\u306e1.25\u500d\/6.25\u500d<\/td><td>\u8ab2\u91d1\u30e2\u30c7\u30eb\u6b21\u7b2c<\/td><\/tr><tr><th>\u4f7f\u7528\u5236\u9650\u306e\u8003\u3048\u65b9<\/th><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon=\"triangle\" data-icon-size=\"l\" data-icon-type=\"bg\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span>&nbsp;\u4e0a\u9650\u3042\u308a<\/td><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon=\"triangle\" data-icon-size=\"l\" data-icon-type=\"bg\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span>&nbsp;\u4e0a\u9650\u3042\u308a<\/td><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon=\"triangle\" data-icon-size=\"l\" data-icon-type=\"bg\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span>&nbsp;\u4e0a\u9650\u3042\u308a<\/td><td data-has-cell-bg=\"1\" data-has-cell-icon=\"l-bg\"><span data-icon=\"circle\" data-icon-size=\"l\" data-icon-type=\"bg\" aria-hidden=\"true\" class=\"swl-cell-bg\">&nbsp;<\/span><span data-icon=\"dot\" class=\"swl-inline-list\">\u660e\u78ba\u306a\u4e0a\u9650\u306a\u3057<\/span><br><span data-icon=\"dot\" class=\"swl-inline-list\">\u6d88\u8cbb\u306b\u5fdc\u3058\u8ab2\u91d1<\/span><\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">\u203b 1\u30c9\u30eb=155\u5186\u3068\u3057\u3066\u8a08\u7b97<\/figcaption><\/figure>\n\n\n\n<p>\u500b\u4eba\u5229\u7528\u306e\u5834\u5408\u306f\u307e\u305aPro\u30d7\u30e9\u30f3\u3092\u4f7f\u7528\u3057\u3001\u30bb\u30c3\u30b7\u30e7\u30f3\u4e0a\u9650\u306b\u5230\u9054\u3059\u308b\u5834\u5408\u306b\u306fMax\u30d7\u30e9\u30f3\u3078\u79fb\u884c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30c1\u30fc\u30e0\u5229\u7528\u5411\u3051\u306b\u306f\u3001Team\u30d7\u30e9\u30f3\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u5229\u7528\u91cf\u5225\u306b2\u30b7\u30fc\u30c8\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001Claude Code\u306b\u3088\u308b\u958b\u767a\u898f\u6a21\u3092\u8003\u616e\u3057\u3066\u30b7\u30fc\u30c8\u304c\u9078\u629e\u3067\u304d\u307e\u3059\u3002Team\u30d7\u30e9\u30f3\u306e\u4f7f\u7528\u91cf\u304c\u5341\u5206\u3067\u306a\u3044\u5834\u5408\u306b\u306f\u3001Enterprise\u30d7\u30e9\u30f3\u306e\u5229\u7528\u3092\u691c\u8a0e\u3059\u308b\u3068\u3088\u3044\u3067\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p>\u306a\u304a\u3001Claude Code\u3092\u3001Vertex AI\u3084Microsoft Foundry\u7d4c\u7531\u3067\u5229\u7528\u3059\u308b\u5834\u5408\u306f\u3001\u305d\u308c\u305e\u308c\u306e\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u5074\u306e\u6599\u91d1\u4f53\u7cfb\u304c\u9069\u7528\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p>Claude Code\u306e\u8a73\u7d30\u306b\u3064\u3044\u3066\u306f\u3001\u4ee5\u4e0b\u306e\u8a18\u4e8b\u3082\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-miralabai wp-block-embed-miralabai\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/miralab.co.jp\/media\/claude-code\/\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081<\/h2>\n\n\n\n<p>Code to Canvas\u306f\u5b9f\u88c5\u6e08\u307fUI\u3092Figma\u306b\u7de8\u96c6\u53ef\u80fd\u306a\u5f62\u3067\u9001\u4fe1\u3057\u3001\u30c7\u30b6\u30a4\u30f3\u306e\u6bd4\u8f03\u30fb\u5408\u610f\u5f62\u6210\u30fb\u5fae\u8abf\u6574\u3092\u52b9\u7387\u5316\u3067\u304d\u308bAI\u30c4\u30fc\u30eb\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u5c0e\u5165\u6642\u306b\u306fRemote MCP\u3078\u306e\u63a5\u7d9a\u3068\u3001\u30c7\u30b6\u30a4\u30f3\u306e\u4fdd\u5b58\u65b9\u6cd5\uff08\u65b0\u898f\/\u65e2\u5b58\/\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\uff09\u306b\u5fdc\u3058\u305f\u6a29\u9650\u8a2d\u5b9a\u304c\u91cd\u8981\u306b\u306a\u308a\u307e\u3059\u3002\u5177\u4f53\u7684\u306a\u4f7f\u3044\u65b9\u3084\u8a2d\u5b9a\u624b\u9806\u306b\u3064\u3044\u3066\u672c\u8a18\u4e8b\u3067\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\u306e\u3067\u3001\u307e\u305a\u306f\u30b9\u30e2\u30fc\u30eb\u30b9\u30bf\u30fc\u30c8\u3067Code to Canvas\u3092\u5229\u7528\u3057\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Code to Canvas\u3068\u306f\u3001Claude Code\u3068Figma\u3092\u9023\u643a\u3059\u308b\u3053\u3068\u3067\u3001\u5b9f\u88c5\u6e08\u307fUI\u3092\u7de8\u96c6\u53ef\u80fd\u306a\u30ec\u30a4\u30e4\u30fc\u3068\u3057\u3066\u6271\u3046\u30c4\u30fc\u30eb\u3067\u3059\u3002UI\u3084\u30c7\u30b6\u30a4\u30f3\u306e\u6bd4\u8f03\u3001\u5fae\u8abf\u6574\u3001\u5408\u610f\u5f62\u6210\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<\/p>\n<p>\u672c\u8a18\u4e8b\u3067\u306fCode to Canvas\u306e\u6982\u8981\u3084\u5177\u4f53\u7684\u306a\u4f7f\u3044\u65b9\u3001Figma\u3068Claude Code\u305d\u308c\u305e\u308c\u306e\u6599\u91d1\u30d7\u30e9\u30f3\u3092\u8e0f\u307e\u3048\u305f\u6599\u91d1\u306e\u8003\u3048\u65b9\u307e\u3067\u307e\u3068\u3081\u3066\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"author":102,"featured_media":90835,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","_spnote":"Code to Canvas \u4f7f\u3044\u65b9\nCode to Canvas \u3068\u306f\nCode to Canvas \u6599\u91d1\nClaude Code figma","_custom_second_post_notes":"## \u30da\u30eb\u30bd\u30ca\u30fb\u691c\u7d22\u610f\u56f3\n\u30fbClaude Code\u3067\u52d5\u304b\u3057\u305fUI\uff08\u5b9f\u884c\u753b\u9762\uff09\u3092\u3001\u7de8\u96c6\u53ef\u80fd\u306aFigma\u306e\u30d5\u30ec\u30fc\u30e0\/\u30ec\u30a4\u30e4\u30fc\u3068\u3057\u3066\u53d6\u308a\u8fbc\u307f\u3001\u6bd4\u8f03\u691c\u8a0e\u3084\u30ec\u30d3\u30e5\u30fc\u3092\u52b9\u7387\u5316\u3057\u305f\u3044\u30a8\u30f3\u30b8\u30cb\u30a2\uff0fPM\uff0f\u30c7\u30b6\u30a4\u30ca\u30fc\u3002\n\u30fb\u5c0e\u5165\u524d\u306b\u300cCode to Canvas\u3068\u306f\u4f55\u304b\u300d\u300c\u4f7f\u3044\u65b9\u306e\u524d\u63d0\uff08Remote MCP\u30fb\u6a29\u9650\u30fb\u51fa\u529b\u5148\uff09\u300d\u300c\u6599\u91d1\u306e\u5168\u4f53\u50cf\uff08Figma\u5074\u306e\u30d7\u30e9\u30f3\/\u30b7\u30fc\u30c8\u3084\u5236\u9650\uff0b\u904b\u7528\u30b3\u30b9\u30c8\uff09\u300d\u3092\u307e\u3068\u3081\u3066\u628a\u63e1\u3057\u3001\u8a66\u3059\u3079\u304d\u304b\u5224\u65ad\u3057\u305f\u3044\u3002\n## \u53c2\u8003\u8a18\u4e8b\u69cb\u6210\u4f8b\uff08H2\u301cH3\u30fb\u2605\uff1d\u7af6\u5408\u5206\u6790\u3067\u91cd\u8981\u3068\u5224\u65ad\u3055\u308c\u305f\u898b\u51fa\u3057\uff09\n\u203b\u3042\u304f\u307e\u3067\u3082\u53c2\u8003\u306e\u305f\u3081\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u53c2\u7167\u306e\u4e0a\u3001\u9069\u5207\u306a\u898b\u51fa\u3057\u69cb\u6210\u3092\u8003\u3048\u3066\u304f\u3060\u3055\u3044\u3002\n## Code to Canvas \u3068\u306f \u2605\n### \u4f55\u304c\u3067\u304d\u308b\u306e\u304b\uff08\u5b9f\u884c\u753b\u9762\u2192\u7de8\u96c6\u53ef\u80fd\u306aFigma\u30c7\u30b6\u30a4\u30f3\uff09\n### \u2605\u4ed5\u7d44\u307f\u306e\u8981\u70b9\uff08\u201c\u30b3\u30fc\u30c9\u305d\u306e\u3082\u306e\u306e\u5909\u63db\u201d\u3067\u306f\u306a\u304f\u3001\u5b9f\u884cUI\u3092\u8d77\u70b9\u306b\u3059\u308b\u8003\u3048\u65b9\uff09\n### \u3069\u3093\u306a\u5834\u9762\u3067\u5f79\u7acb\u3064\u304b\uff08\u6bd4\u8f03\u691c\u8a0e\u30fb\u30ec\u30d3\u30e5\u30fc\u30fb\u610f\u601d\u6c7a\u5b9a\u306e\u30b9\u30d4\u30fc\u30c9\u30a2\u30c3\u30d7\uff09\n### \u5f93\u6765\u624b\u6cd5\u3068\u306e\u9055\u3044\uff08\u30b9\u30af\u30b7\u30e7\u5171\u6709\u30fb\u624b\u4f5c\u696d\uff09\u3092\u6bd4\u8f03\u8868\u3067\u6574\u7406\n## Claude Code figma \u9023\u643a\u306e\u524d\u63d0 \u2605\n### \u5fc5\u8981\u306a\u3082\u306e\uff08Claude Code\uff0fFigma\u30a2\u30ab\u30a6\u30f3\u30c8\uff0fMCP\uff09\n### \u2605Remote MCP\u3068Desktop MCP\u306e\u9055\u3044\uff08Code to Canvas\u306b\u5fc5\u8981\u306a\u524d\u63d0\uff09\n### \u2605\u6a29\u9650\u3068\u7de8\u96c6\u7bc4\u56f2\uff08\u3069\u306e\u30d5\u30a1\u30a4\u30eb\u306b\u4f5c\u308c\u308b\u304b\uff0f\u7de8\u96c6\u3067\u304d\u308b\u6761\u4ef6\uff09\n### \u2605\u51fa\u529b\u5148\u306e\u9078\u629e\u80a2\uff08\u65b0\u898f\u4f5c\u6210\u30fb\u65e2\u5b58\u30d5\u30a1\u30a4\u30eb\u30fb\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\uff09\u3068\u4f7f\u3044\u5206\u3051\n## Code to Canvas \u4f7f\u3044\u65b9 \u2605\n### \u2605\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u306e\u6d41\u308c\uff08Remote MCP\u8ffd\u52a0\u2192\u63a5\u7d9a\u2192\u8a8d\u8a3c\uff09\n### \u2605Claude Code\u306e\u5b9f\u884c\u753b\u9762\u3092Figma\u306b\u9001\u308b\u57fa\u672c\u30d5\u30ed\u30fc\uff08\u78ba\u8a8d\u30dd\u30a4\u30f3\u30c8\u307e\u3067\uff09\n### \u65e2\u5b58Figma\u30d5\u30a1\u30a4\u30eb\u306b\u9001\u308b\u3068\u304d\u306e\u8003\u3048\u65b9\uff08\u9001\u308a\u5148\u8a2d\u8a08\u30fb\u547d\u540d\u30fb\u914d\u7f6e\uff09\n### \u53d6\u308a\u8fbc\u307f\u5f8c\u306b\u6574\u3048\u308b\u30dd\u30a4\u30f3\u30c8\uff08\u30ec\u30a4\u30e4\u30fc\u6574\u7406\uff0f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5316\u306e\u5224\u65ad\uff09\n### \u2605\u3088\u304f\u3042\u308b\u3064\u307e\u305a\u304d\uff08\u8a8d\u8a3c\u30fb\u6a29\u9650\u30fb\u5d29\u308c\u30fb\u901f\u5ea6\u30fb\u60f3\u5b9a\u3068\u306e\u5dee\uff09\n## Code to Canvas \u6599\u91d1 \u2605\n### \u6599\u91d1\u306e\u5168\u4f53\u50cf\uff08Figma\u5074\u306e\u30d7\u30e9\u30f3\/\u30b7\u30fc\u30c8\u3068\u5236\u9650\uff0b\u904b\u7528\u30b3\u30b9\u30c8\u306e\u8003\u3048\u65b9\uff09\n### \u2605Figma\u5074\u306e\u6ce8\u610f\u70b9\uff08\u5229\u7528\u6761\u4ef6\u3084\u3001\u5236\u9650\u304c\u51fa\u3084\u3059\u3044\u30b1\u30fc\u30b9\u306e\u6574\u7406\uff09\n### \u30c1\u30fc\u30e0\u5c0e\u5165\u6642\u306e\u8003\u3048\u65b9\uff08\u8ab0\u304c\u4f7f\u3046\u3068\u52b9\u679c\u304c\u51fa\u308b\u304b\uff09\u3092\u8868\u3067\u6574\u7406\n## \u307e\u3068\u3081\n### \u5c0e\u5165\u5224\u65ad\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8\uff08\u524d\u63d0\u30fb\u5236\u9650\u30fb\u304a\u3059\u3059\u3081\u904b\u7528\uff09\n### \u307e\u305a\u8a66\u3059\u6700\u77ed\u30eb\u30fc\u30c8\uff08\u5c0f\u3055\u304f\u691c\u8a3c\u2192\u30c1\u30fc\u30e0\u904b\u7528\u3078\uff09\n## \u57f7\u7b46\u30dd\u30a4\u30f3\u30c8\n- \u8a18\u4e8b\u306e\u30b4\u30fc\u30eb\n- \u8aad\u8005\u304c\u300cCode to Canvas\u306e\u4f4d\u7f6e\u3065\u3051\u300d\u3068\u300c\u5c0e\u5165\u306b\u5fc5\u8981\u306a\u524d\u63d0\u300d\u3092\u7406\u89e3\u3057\u3001\u5b9f\u969b\u306b\u81ea\u5206\u306e\u74b0\u5883\u3067\u8a66\u3059\uff0f\u5c0e\u5165\u5224\u65ad\u3067\u304d\u308b\u72b6\u614b\u306b\u3059\u308b\u3002\n- \u91cd\u8981\u306a\u30e1\u30c3\u30bb\u30fc\u30b8\n- Code to Canvas\u306f\u3001Claude Code\u3067\u52d5\u304b\u3057\u305f\u5b9f\u884c\u753b\u9762\u3092\u8d77\u70b9\u306bFigma\u7de8\u96c6\u3078\u3064\u306a\u3050\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3067\u3042\u308a\u3001\u904e\u5ea6\u306a\u671f\u5f85\uff08\u81ea\u52d5\u3067\u5b8c\u6210\u30c7\u30b6\u30a4\u30f3\u306b\u306a\u308b\u7b49\uff09\u3092\u751f\u307e\u306a\u3044\u3088\u3046\u306b\u6574\u7406\u3059\u308b\u3002\n- Remote MCP\u3084\u6a29\u9650\u3001\u51fa\u529b\u5148\u3068\u3044\u3063\u305f\u201c\u8a70\u307e\u308a\u3084\u3059\u3044\u524d\u63d0\u201d\u3092\u5148\u306b\u63c3\u3048\u308b\u3053\u3068\u3067\u3001\u4f53\u9a13\u304c\u5927\u304d\u304f\u5909\u308f\u308b\u70b9\u3092\u5f37\u8abf\u3059\u308b\u3002\n- \u6599\u91d1\u306f\u300cFigma\u5074\uff08\u30d7\u30e9\u30f3\/\u30b7\u30fc\u30c8\u3084\u5236\u9650\uff09\u300d\u3068\u300c\u904b\u7528\u8a2d\u8a08\uff08\u8ab0\u304c\u3069\u306e\u7bc4\u56f2\u3067\u4f7f\u3046\u304b\uff09\u300d\u3092\u5408\u308f\u305b\u3066\u5224\u65ad\u3067\u304d\u308b\u3088\u3046\u3001\u6bd4\u8f03\u8868\u3067\u898b\u3048\u308b\u5316\u3059\u308b\u3002\n- \u66f8\u304d\u65b9\u30fb\u30c8\u30fc\u30f3\u306e\u65b9\u91dd\n- \u521d\u5fc3\u8005\u306b\u3082\u4f1d\u308f\u308b\u3088\u3046\u306b\u5c02\u9580\u7528\u8a9e\u306f\u77ed\u304f\u88dc\u8db3\u3057\u3001\u7d50\u8ad6\u2192\u7406\u7531\u2192\u88dc\u8db3\u306e\u9806\u3067\u8ff7\u3044\u3092\u6e1b\u3089\u3059\u3002\n- \u4f7f\u3044\u65b9\u89e3\u8aac\u3067\u306f\u3001\u5b9f\u969b\u306e\u64cd\u4f5c\u753b\u9762\u306e\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u30b9\u30c6\u30c3\u30d7\u30d6\u30ed\u30c3\u30af\u306b\u633f\u5165\u3057\u3001\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u301c\u8a8d\u8a3c\u301c\u9001\u4fe1\u301cFigma\u5074\u78ba\u8a8d\u307e\u3067\u8996\u899a\u7684\u306b\u8ffd\u3048\u308b\u3088\u3046\u306b\u3059\u308b\u3002\n- \u6982\u5ff5\u6574\u7406\u3084\u6bd4\u8f03\u304c\u5fc5\u8981\u306a\u7b87\u6240\u306f\u3001\u56f3\u89e3\u3067\u306f\u306a\u304f\u8868\u5f62\u5f0f\u3067\u6574\u7406\u3057\u3001\u5224\u65ad\u6750\u6599\u3092\u4e26\u3079\u308b\u3002\n- \u6ce8\u610f\u70b9\u30fbNG\n- \u51fa\u529b\u306e\u898b\u305f\u76ee\u3084\u30ec\u30a4\u30e4\u30fc\u69cb\u9020\u306f\u30b1\u30fc\u30b9\u306b\u3088\u308a\u5dee\u304c\u51fa\u308b\u524d\u63d0\u3067\u3001\u65ad\u5b9a\u3057\u3059\u304e\u306a\u3044\u3002\u30ba\u30ec\u3084\u3059\u3044\u30dd\u30a4\u30f3\u30c8\u3092\u51b7\u9759\u306b\u6574\u7406\u3059\u308b\u3002\n- \u6599\u91d1\u3084\u5236\u9650\u306f\u5951\u7d04\u5f62\u614b\u3084\u6a29\u9650\u3067\u5909\u52d5\u3057\u3046\u308b\u305f\u3081\u3001\u7279\u5b9a\u306e\u91d1\u984d\u3092\u65ad\u5b9a\u305b\u305a\u300c\u5224\u65ad\u306b\u5fc5\u8981\u306a\u8981\u7d20\u300d\u3092\u4e2d\u5fc3\u306b\u8aac\u660e\u3059\u308b\u3002\n- \u300c\u3053\u308c\u3060\u3051\u3067\u30c7\u30b6\u30a4\u30f3\u304c\u5b8c\u6210\u3059\u308b\u300d\u3068\u8aa4\u89e3\u3055\u308c\u308b\u8868\u73fe\u306f\u907f\u3051\u3001\u30ec\u30d3\u30e5\u30fc\u30fb\u6bd4\u8f03\u30fb\u610f\u601d\u6c7a\u5b9a\u3092\u52a0\u901f\u3059\u308b\u4fa1\u5024\u306b\u8ef8\u8db3\u3092\u7f6e\u304f\u3002","_dp_original":0,"footnotes":""},"categories":[184,34],"tags":[190],"ppma_author":[259,116,44],"class_list":["post-84098","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-generative_ai","category-development_ai","tag-claude"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","authors":[{"term_id":259,"user_id":102,"is_guest":0,"slug":"yamada1107","display_name":"yamada1107","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/312971f5ba9a08907b3c29e8a0d60353f518d3c377edd8f31e08fbb654d08336?s=96&d=mm&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""},{"term_id":116,"user_id":52,"is_guest":0,"slug":"ayumi_t22","display_name":"ayumi_t22","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/e7e950332956e325f95ce75aa6ef6d7a209fe5ca8c0ecc4411b2c9fb1595fe17?s=96&d=mm&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""},{"term_id":44,"user_id":1,"is_guest":0,"slug":"miralab_admin_0001","display_name":"\u7530\u9644 \u52c7\u78e8","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/a2bc89cdbec54ddbae805d71d9f029784e6e18269cd2ffae68f202b8b80f44df?s=96&d=mm&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/miralab.co.jp\/media\/wp-json\/wp\/v2\/posts\/84098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/miralab.co.jp\/media\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/miralab.co.jp\/media\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/miralab.co.jp\/media\/wp-json\/wp\/v2\/users\/102"}],"replies":[{"embeddable":true,"href":"https:\/\/miralab.co.jp\/media\/wp-json\/wp\/v2\/comments?post=84098"}],"version-history":[{"count":49,"href":"https:\/\/miralab.co.jp\/media\/wp-json\/wp\/v2\/posts\/84098\/revisions"}],"predecessor-version":[{"id":90836,"href":"https:\/\/miralab.co.jp\/media\/wp-json\/wp\/v2\/posts\/84098\/revisions\/90836"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/miralab.co.jp\/media\/wp-json\/wp\/v2\/media\/90835"}],"wp:attachment":[{"href":"https:\/\/miralab.co.jp\/media\/wp-json\/wp\/v2\/media?parent=84098"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/miralab.co.jp\/media\/wp-json\/wp\/v2\/categories?post=84098"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/miralab.co.jp\/media\/wp-json\/wp\/v2\/tags?post=84098"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/miralab.co.jp\/media\/wp-json\/wp\/v2\/ppma_author?post=84098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}