Web開発
Figmimic – どんなウェブページでも編集可能なレイヤーとしてFigmaにコピーできるブックマークレット
Figmimic – A bookmarklet to copy any webpage into Figma as editable layers (marcua.net)
要約
Figmimicは、現在のウェブページをキャプチャし、Figmaのフレームとしてクリップボードにコピーするブックマークレットです。これにより、ダッシュボードや認証が必要なアプリなど、他のツールではアクセスできないページも編集可能なレイヤーとしてFigmaに取り込めます。Figmaの組み込みキャプチャ技術を利用しており、ブラウザ上で表示できるあらゆるページに対応します。
全文翻訳
これは何ですか?
Figmimicは、現在のウェブページをキャプチャし、Figmaのフレームとしてクリップボードにコピーするブックマークレットです。
貼り付けられたフレームは、フラットなスクリーンショットではなく、編集可能です。
Figmaを開いて貼り付けてください。
ブラウザで見ることができるあらゆるページで動作します — ダッシュボード、管理パネル、その他のツールでは到達できない認証ウォールの背後にあるアプリなども含まれます。
仕組みとしては、ブックマークレットにFigma独自のcapture.jsを埋め込んでいます。詳細はブログ記事をお読みください。
お使いのブラウザはvideoタグをサポートしていません。
インストール
このブックマークレットをブックマークバーにドラッグしてください:
Figmimic
使い方
1 キャプチャしたい任意のウェブページに移動します
2 ブックマークバーのブックマークレットをクリックします
3 「クリップボードにコピーされました」という確認を待ちます
4 Figmaを開いて、コピーしたインターフェースを貼り付けます