Thunderbit 的 Framer 爬蟲 透過 AI，能把 Framer 的範本列表與 Showcase 頁面轉成乾淨、結構化的資料。你只要打開 Framer 頁面，點一下 AI Suggest Columns，Thunderbit 的 AI 就會讀取頁面並替你建立表格。接著按 Scrape，就能收集資料列並匯出到 Excel、Google Sheets、Airtable 或 Notion。
🧩 什麼是 Framer 爬蟲
Framer 爬蟲 是一種 人工智慧網頁爬蟲，可從 的範本分類頁與 Framer Showcase 等頁面擷取資料，並整理成可直接放進試算表的表格。透過 （AI 網頁爬蟲 Chrome 擴充功能），你可以抓取列表頁、處理分頁，甚至使用 Subpage Scraping 逐一開啟每個範本或 Showcase 詳情頁，補齊標籤、描述、預覽連結等更多中繼資料，讓資料集更完整。
🧲 你可以用 Framer 抓取哪些資料
Framer 充滿靈感與可重用資源，但它並不是為大量匯出而設計。使用 Thunderbit 的 ，你可以蒐集範本與 Showcase 資料，用於競品研究、設計趨勢追蹤、內容規劃與內部素材庫建置。
依分類追蹤設計趨勢
抓取 Framer 的分類頁（例如作品集 Portfolio 範本），分析特定領域中的設計風格、標籤、版型與定位差異。
目標頁面：
操作步驟：
- 下載 並註冊帳號。
- 前往目標頁面，例如：。
- 點擊 AI Suggest Columns 取得建議的欄位名稱與資料類型。
- 點擊 Scrape 開始抓取，接著匯出到 Excel、Google Sheets、Airtable 或 Notion。
欄位名稱
| 欄位 | 說明 |
|---|---|
| 🏷️ 範本標題 | 分類列表中顯示的範本名稱。 |
| 🔗 範本 URL | 連到範本詳情頁的網址（方便用於 Subpage Scraping）。 |
| 🧩 分類 | 範本所屬分類（例如：Portfolio）。 |
| 🏷️ 標籤 | 卡片上顯示的標籤/標示（風格、用途、產業等）。 |
| 🖼️ 縮圖圖片 | 範本卡片的預覽圖片 URL。 |
| 👤 作者/工作室 | 列表中可取得時，顯示作者或工作室名稱。 |
| 🧾 簡短描述 | 列表卡片上的短摘要（若有）。 |
| 🌐 線上預覽 URL | 可用時，連到預覽/示範的網址。 |
| 📅 最後更新 | 頁面上可見的更新日期或新舊指標（若有）。 |
| ⭐ 精選/徽章 | 例如 featured、popular、new 等徽章（若有）。 |
高質感 Showcase 網站分析
抓取 Framer Showcase，建立高品質網站資料集，用於靈感整理、外聯名單或競品對標。若你想依風格、產業或互動模式分類案例，這會特別好用。
目標頁面：
操作步驟：
- 下載 並註冊帳號。
- 前往目標頁面，例如：。
- 點擊 AI Suggest Columns，讓系統從頁面生成結構化表格。
- 點擊 Scrape 收集結果，接著下載 CSV/JSON 或匯出到你的工具。
欄位名稱
| 欄位 | 說明 |
|---|---|
| 🏆 Showcase 網站名稱 | 精選網站的名稱/標題。 |
| 🔗 Showcase URL | 連到 Showcase 詳情頁的網址（非常適合用於 Subpage Scraping）。 |
| 🌐 網站 URL | 外部的實際上線網站連結（若有）。 |
| 🏷️ 產業/類型 | 顯示的分類或標籤（例如 agency、portfolio、product 等）。 |
| 🧠 設計標籤 | 描述風格、互動或主題的標籤（若有）。 |
| 🖼️ 預覽圖片 | 主要縮圖/封面圖片 URL。 |
| ✍️ 描述 | 列表或詳情頁上的簡短描述/說明文字。 |
| 🧑🎨 創作者/團隊 | 可取得時的工作室、設計師或團隊署名。 |
| 📍 地點 | 詳情頁上顯示的地點資訊（若有）。 |
| 📅 發布日期 | 詳情頁上顯示的日期資訊（若有）。 |
🎯 為什麼要用 Framer 工具
抓取 Framer 能讓你從「逛案例」升級成「建立可重用的資料庫」，方便搜尋、篩選與分享。
- 設計團隊：從 建立內部靈感庫，並依版型、字體或互動模式為案例加標籤。
- 代理商：追蹤競品定位，蒐集提案、情緒板與客戶訪談所需的參考案例。
- 行銷團隊：分析各分類（如 ）中，頂尖網站如何安排標題、社會認同、定價與 CTA。
- 電商營運：蒐集範本選項，對比商品頁、落地頁與轉換流程的設計模式。
- 業務與合作：建立工作室/創作者名單，並透過子頁補齊資訊以利外聯（同時遵守網站條款與隱私規範）。
Thunderbit 以商務流程為核心設計：不用寫程式，幾分鐘內就能完成抓取、整理與匯出。
🧭 如何使用 Framer Chrome Extension
- 安裝 Thunderbit Chrome Extension：到 下載並建立帳號。
- 前往你想擷取的 Framer 頁面：例如 這類分類頁，或 。
- 啟用 AI 抓取：點擊 AI Suggest Columns 產生欄位；需要的話可調整欄位名稱/資料類型，然後點 Scrape。
小提示：抓完列表後，可使用 Subpage Scraping 讓 Thunderbit 逐一進入每個範本/Showcase 詳情頁，並把更多欄位（例如完整描述、外部連結或中繼資料）追加到同一份資料表。這是把「卡片清單」快速變成「可分析資料集」的高效率做法。
💳 Framer 抓取的收費方式
Thunderbit 採用簡單的點數制度：
- 1 點數 = 結果表格中的 1 筆輸出列。
- AI 驅動的抓取體驗（包含 AI Suggest Columns）從免費方案就能使用。
- 每月可 免費抓取 6 個頁面；若啟用免費試用，則可在選擇付費方案前 免費抓取 10 個頁面。
若你抓取 Framer 分類或 Showcase，並搭配分頁與子頁補齊，點數會依你收集的列數（以及補齊的子頁數量）而增加。
付費方案（按月/按年）對應不同使用量；若你經常抓取，年繳通常最划算。可至 比較方案。
你也能 免費匯出 CSV/JSON，並可直接匯出到 Excel、Google Sheets、Airtable 與 Notion。
❓ 常見問題
-
什麼是 AI Powered Framer Scraper？
AI Powered Framer Scraper 是用 Thunderbit 的 打造的爬蟲，可從 Framer 的範本分類與 Showcase 等頁面擷取結構化資料。你不必手動複製卡片與連結，只要點 AI Suggest Columns，Thunderbit 的 AI 就會把頁面整理成可匯出的表格。 -
Thunderbit 是什麼？
是一款 AI 網頁爬蟲 Chrome 擴充功能，可將網站、PDF 與圖片中的資料擷取成結構化格式。它為商務使用者而生，主打快速上手、擷取穩定，並能輕鬆匯出到 Google Sheets、Airtable、Notion 等工具。 -
我可以同時抓取範本列表頁與單一範本詳情頁嗎？
可以。你可以先抓列表頁（取得標題、標籤與 URL），再用 Subpage Scraping 逐一進入每個範本詳情頁新增更多欄位。當列表卡片沒有顯示你需要的全部資訊時，這個做法特別實用。 -
Thunderbit 如何處理 Framer 的分頁或無限捲動？
Thunderbit 支援 Pagination Scraping，包含點擊式分頁與無限捲動。若 Framer 會在你往下滑時載入更多項目，你可以設定 Thunderbit 隨清單擴展持續收集資料列。 -
我可以把 Framer 的哪些資料匯出到試算表？
你可以匯出文字欄位（標題、標籤、描述）、URL（範本連結、預覽連結、外部網站連結）與圖片（縮圖/封面圖）。Thunderbit 支援常見資料類型（文字、數字、日期、URL、圖片），讓你的資料在 Excel 或 Google Sheets 中保持乾淨一致。 -
我可以把 Framer 圖片匯出到 Airtable 或 Notion 嗎？
可以。當你把圖片欄位匯出到 Airtable 或 Notion 時，Thunderbit 可將圖片上傳到目的地的媒體庫，讓你能在 base 或 workspace 內直接預覽。這對建立視覺化靈感資料庫很有幫助。 -
AI Suggest Columns 在 Framer 這類設計圖庫的準確度如何？
AI Suggest Columns 會讀取頁面結構，提出與可見內容相符的欄位（例如標題、標籤、連結）。若你需要更精準的擷取（例如把標籤正規化成清單，或抓取特定的中繼資料標籤），你可以在抓取前先改欄位名稱並微調欄位設定。 -
可以排程定期抓取 Framer 以持續監控嗎？
可以。透過 Scheduled Scraper，你能設定定期執行，追蹤變化（例如某分類新增範本，或 Showcase 持續新增案例）。這對趨勢追蹤、競品監控與維護內部資料庫都很實用。 -
抓取 Framer 最多 500 筆資料的最佳做法是什麼？
先從列表頁開始，啟用分頁/無限捲動收集，並把欄位聚焦在真正需要的資訊。接著只針對需要補齊的資料列再跑 Subpage Scraping，有助於控制點數消耗並讓執行時間更可預期。
📚 延伸閱讀
- 從 開始
- 逛逛 的教學文章
- 閱讀：
- 閱讀：
- 閱讀：
- 閱讀：
- 工具比較：
- 方案資訊：