把任何網頁變成
可編輯的 Figma 圖層
真實的文字、顏色、Auto Layout 和元件,全部都能直接改。不是截圖。連要登入才看得到的頁面也能擷取,而且全程在你的電腦上完成,什麼都不會上傳。
兩個都需要:擴充功能負責擷取頁面,Figma 外掛負責貼上。都是免費的,一分鐘就好。
運作方式
擷取眼前畫面
複製到 Figma
安裝外掛,然後貼上
專為其他工具搆不著的頁面打造
Snapture 直接讀取瀏覽器裡正在顯示的頁面。只要看得到,就能擷取——登入後的儀表板、內部後台、打開的抽屜與彈出層,Web 元件和 iframe 也不例外。
登入後的頁面
擷取在你已登入的分頁裡執行,所以內部工具、付費儀表板與預發布環境會照著螢幕上的樣子轉換。
像素精準的 Auto Layout PRO
Flex 與 Grid 版面會轉換成真正的 Auto Layout——但前提是 Figma 引擎能把每個元素重現在 0.5px 以內;做不到時保留精確的絕對座標。無論哪種,都不會錯位。
圖示一個不漏
CSS 遮罩圖示、SVG sprite、圖示字型——網頁畫圖示的這三種方式,轉換工具最常弄丟,Snapture 全都處理。
圖表、地圖、3D
WebGL 畫布和跨網域嵌入內容,任何工具都無法轉成圖層。Snapture 會用一張只涵蓋該區域的清晰截圖取代灰色方塊;同源 iframe 則更進一步,直接轉換成真正的圖層。
元件 & 樣式 PRO
重複的卡片會變成帶實例的元件。反覆出現的字體與顏色整理為本機樣式,網站以 CSS 變數定義的顏色則作為 Figma 變數匯入,沿用網站自己的命名——是 brand-primary,不是 #2D7BFF。
剪貼簿直達
擷取完直接貼上,不必存成檔案——內容經剪貼簿直接進外掛,全程不碰伺服器。
批次擷取 PRO
貼上一組網址,或直接從網站地圖讀取,一次最多依序開啟並擷取 30 個頁面。
PRO標記的功能在 5 次免費擷取中全部包含,不必綁卡、不必註冊。Pro 只是取消次數上限。
指南
這些文章來自真實擷取和真實的損壞案例,不是照著功能清單寫的。
任何資料都不會離開你的電腦。
Figma 外掛的 manifest 裡寫著 networkAccess: "none"。Figma 會強制執行,所以外掛就算想發網路請求也做不到。這不是我們承諾遵守的政策,而是我們不具備的能力。
擷取時打開開發者工具的網路面板看看,除了這些請求什麼都沒有。完整說明在隱私權政策裡。
結構上就沒有伺服器
別的工具改設定也能把擷取留在本機。Snapture 沒有會設錯的地方——因為根本沒有可以傳送的伺服器。
| Snapture | 有伺服器路徑的工具 | |
|---|---|---|
| 想要私密的話 | 一直都是 | 要選本機選項 |
| 免費版給你什麼 | 全部功能,5 次擷取 | 每月額度 |
| 登入 / 互動狀態 | 一律支援 | 不一定 |
| 需要帳號 | 不需要 | 需要 |
| Pro 價格 | $5/月 | 通常更貴 |
免費就能用。划得來,再升 Pro。
完整功能免費試 5 次。Pro 只是取消這個上限。
- Free 的全部功能
- 像素精準的 Auto Layout
- 重複卡片自動元件化
- 文字與顏色樣式——保留 Token 名稱
常見問題,一次說清楚
我的頁面資料真的安全嗎?
是的,從架構上就是。轉換在你的瀏覽器分頁內完成,結果只會進入你的磁碟或剪貼簿——根本不存在能接收它的 Snapture 伺服器。Figma 外掛在資訊清單中宣告零網路存取,這由 Figma 強制執行,任何人都能查驗。擴充功能確實會發出少量請求:為了讓圖片出現在檔案裡而抓取頁面本身的圖片、使用 Pro 時驗證授權金鑰,以及你點擊批次擷取時讀取網站地圖。它們都不攜帶頁面內容,而且全部寫在隱私權政策裡。
和 html.to.design 這類工具有什麼不同?
那些工具也能用它們自己的瀏覽器擴充功能擷取登入後的頁面,選對選項還能把檔案留在本機。差別在於 Snapture 沒有選項可選:沒有伺服器,所以私密路徑就是唯一路徑;Figma 外掛以 networkAccess: "none" 發布,由 Figma 代我們強制執行。除此之外,我們的免費版是完整產品而非閹割版,而且只有當 Figma 引擎能在 0.5px 內還原頁面時才套用 Auto Layout。
免費版具體能用什麼?
5 次擷取,而且這 5 次都是完整版——登入後的頁面、圖示、漸層、圖表擷圖、Auto Layout、元件、樣式擷取、剪貼簿流程。什麼都沒有保留,所以你可以用自己的網頁判斷值不值得付費。用完 5 次後,Pro 取消這個上限。
字型在 Figma 裡看起來不太一樣。
Figma 只能用你電腦裡已安裝的字型。Snapture 會完整記下原頁面的字型堆疊,所以把缺的字型(例如 Pretendard 或 Inter)裝起來、重開 Figma,畫面就會完全一致。在那之前,Figma 會先拿最接近的已安裝字型代替。
一套授權可以裝在多台電腦上嗎?
可以,授權涵蓋你的個人裝置,最多可啟用 3 台。換電腦後如果卡在上限,寫信給我們,我們馬上幫你重設。
退款政策是什麼?
如果 Snapture 在你的頁面上不好用,購買後 14 天內告訴我們,我們會請金流服務商全額退款。不用填表單,不囉唆。