Edy Silvaは2026年2月17日に発表されたFigma-Anthropic Code to Canvas統合を解剖し、洗練されたデモをはるかに超えた分析を提供します。セットアップは2分で完了します — claude mcp addコマンド1つでFigmaのremote MCPサーバーを登録し、OAuthで認証するだけです。「Send this to Figma」と入力するとClaudeがgenerate_figma_designを呼び出し、特殊なURL hashを通じてcaptureスクリプトを注入し、1分以内に共有可能なFigmaリンクが現れるまでpollingします。実際のテストでは2つの繰り返し発生するエッジケースが明らかになりました。scrollベースのアニメーション（IntersectionObserver）はcaptureに表示されず、一時的なhookパッチが必要です。また、fixed sidebarはviewport高さでレンダリングされますが、scrollable mainコンテンツはそれを超えるため、結果frameでsidebarが切れてしまいます。CSS gradientテキストもflat colorに変換されます。SilvaはFigmaリンクを貼り付けてClaudeに実装を依頼するFigma-to-code方向の方が日常的な開発作業にはより実用的だと評価しています。
Edy Silvaは2026年2月17日に発表されたFigma-Anthropic Code to Canvas統合を解剖し、洗練されたデモをはるかに超えた分析を提供します。セットアップは2分で完了します — claude mcp addコマンド1つでFigmaのremote MCPサーバーを登録し、OAuthで認証するだけです。「Send this to Figma」と入力するとClaudeがgenerate_figma_designを呼び出し、特殊なURL hashを通じてcaptureスクリプトを注入し、1分以内に共有可能なFigmaリンクが現れるまでpollingします。実際のテストでは2つの繰り返し発生するエッジケースが明らかになりました。scrollベースのアニメーション（IntersectionObserver）はcaptureに表示されず、一時的なhookパッチが必要です。また、fixed sidebarはviewport高さでレンダリングされますが、scrollable mainコンテンツはそれを超えるため、結果frameでsidebarが切れてしまいます。CSS gradientテキストもflat colorに変換されます。SilvaはFigmaリンクを貼り付けてClaudeに実装を依頼するFigma-to-code方向の方が日常的な開発作業にはより実用的だと評価しています。
Manuel Matuzovicはskip linkターゲットへのtabindex="-1"という長年の慣習に疑問を呈し、すべての最新ブラウザとスクリーンリーダーのテスト結果から2013年・2016年以降不要であり、iOSの戻るボタンを壊す可能性があることを示しています。design tokensシリーズはStyle Dictionaryを使ったmicopyワークフローを紹介し、Figma Code to Canvas統合の深掘り記事はデモでは触れられなかったリアルなエッジケースを明らかにします。
