あらゆるWebページを、本物のFigmaレイヤーに。

WebページをFigmaの本物の編集可能なレイヤーに変換するFigmaプラグインです。公開URL、一度に最大10件のリンク、ローカルのHTMLファイルやサイトフォルダ、貼り付けたコード、Chrome拡張機能でキャプチャしたタブ、MCP経由でAIツールから送られたHTMLをインポートできます。ページはテキスト、ベクター、画像を含むフレームとして、Auto Layout、変数、スタイル、コンポーネント付きで取り込まれます。

いいえ。見出しはすべて編集可能なテキストレイヤー、アイコンはすべてベクター、セクションはすべてフレームです。iframe内の地図、WebGLのシーン、ポスター画像のない動画など、HTMLではないコンテンツだけがそのボックスの画像として配置されるため、ページの残りの部分は完全に編集可能なままです。

プラグインはAuto Layoutを適用した後、各子要素の位置をブラウザのレイアウトと2 pxの許容誤差で照合します。フレームが一致しない場合は、よりシンプルなレイアウトを試すか、制約付きで絶対配置を保ちます。実在のサイトでの自社テストでは、フレームの86〜97%にAuto Layoutが適用されました。残りのフレームは理由とともに一覧表示されます。

はい、無料のHTML to Frames Chrome拡張機能を使えば可能です。ログイン後のダッシュボード、localhost、プライベートネットワーク、開いたメニュー、入力済みのフォームを含め、あなた自身のブラウザでタブをキャプチャし、クリップボード経由またはSend to Figmaでプラグインに送ります。

サイトの実測デザイン幅でのDesktop、Laptop 1280、Tablet 768、Mobile 390に加え、Proではカスタム幅にも対応します。Responsive setを使えばDesktop、Tablet、Mobileをワンクリックでインポートできます。Freeはインポートごとに1画面、ProとTeamは最大4画面です。

Freeでは毎月10回インポートできます。Proは無制限（フェアユース）で、リリース記念価格は月額$7（通常$9）、Figma内で購入できます。Teamはリリース記念価格で月額$22（通常$29）、共有ライセンスキーで5席利用できます。1回のインポートは、すべての画面を含む1ページです。

隔離されたブラウザでレンダリングされ、プラグインに一度だけ届けられた後、メモリから削除されます。ディスクに書き込まれることはありません。アップロードしたファイルはインポート完了時に削除されます。プラグインはあなたのFigmaファイルを読み取らず、私たちがFigmaからあなたの名前やメールアドレスを受け取ることもありません。

はい。プラグインのAIタブから、Claude Code、Claude Desktop、Cursor、その他のMCPクライアントを接続できます。接続後、AIツールがimport_htmlまたはimport_urlを呼び出すと、ページが開いているFigmaファイルに届き、あなた自身のプランでインポートされます。