Webデザインの参考を探しているときや、既存サイトのリニューアルを検討しているとき、「このサイトのデザインデータがそのままFigmaにあればいいのに…」と思ったことはありませんか？

そんな時に大活躍するChrome拡張機能「Copy to Figma」がリリースされました！

これまでは「html.to.design」などのプラグインを使うのが定番でしたが、無料版だと回数などの制限があり、ガッツリ使うには課金が必要なケースがほとんどでした。しかし、この「Copy to Figma」はなんと制限なし、完全無料で利用できます。

使い方は驚くほどシンプルで、ブラウザ上でサイト（または特定の要素）をワンクリックでコピーし、Figmaにそのままペーストするだけ。これだけで、テキストや画像が編集可能なレイヤーとしてきれいに展開されます。

手元にデザインデータがない状態からのモックアップ作成や、「既存のサイトをベースに、ちょっとアレンジして提案したい」というときにめちゃくちゃ重宝します。制作効率が爆上がりすること間違いなしのツールなので、デザイナーもエンジニアもぜひ一度試してみてください！