多種地理範圍
為整個世界、國家、地區、次區域或美國州建立地圖，然後在平面地圖和互動式 3D 地球儀之間切換。
點狀地圖與動畫 3D 地球儀
Globestudio 是用於製作點狀地圖和動畫 3D 地球儀的開源產生器。設計師、動畫師和創意開發者可以選擇整個世界或特定地理區域，選擇平面或地球儀呈現方式，並透過預設樣式和自訂控制項打造視覺效果。
完成的作品可匯出為 PNG、SVG、WebM、MP4、GIF 或 JSON，也可以透過嵌入放入其他專案。可分享的設定 URL 能保留畫布狀態，而文件化的 Figma、React、script 標籤、iframe 和 MCP 工作流程則支援交接至設計、網站和開發環境。
功能
自訂點與色彩樣式
可從 12 種點形狀中選擇，或上傳及貼上自訂 SVG 或 PNG 形狀。線性漸層可針對點、陸地和描邊使用各漸層節點的不透明度。
預設樣式與效果
套用具名視覺樣式和著色器處理效果，包括 bloom、色彩分離、CRT、半色調、像素、閾值、邊緣、故障和波浪效果。目錄包含 21 種樣式，例如 Aurora、Risograph、Wireframe 和 Sonar。
動畫地圖元素
加入動畫路線弧線和城市脈衝網路元素，並支援即時動畫中的 prefers-reduced-motion。
多元匯出選項
匯出靜態圖、向量圖、影片、GIF、設定檔或嵌入內容。PNG 匯出標示為高解析度，而 JSON 則遵循已發布的設定架構。
網站、設計與開發者整合
使用可分享的設定 URL、iframe 或 script 嵌入、React 元件、Figma 外掛程式或託管的 MCP 伺服器，將設計帶入網站、設計檔案和 AI 輔助工作流程。
實際用途
網站與產品視覺
為登陸頁面主視覺、產品公告或編輯視覺製作地球儀或平面地圖，然後透過 iframe 或 script 標籤以響應式方式嵌入。
設計檔案編排
使用 Figma 外掛程式，在製作版面配置、簡報或 FigJam 看板時，將地球儀以 PNG 插入，或將平面地圖作為可編輯向量插入。
動態與影片素材
建立動畫路線弧線、城市脈衝和風格化地理背景，用於動態圖像或以 WebM、MP4 或 GIF 格式匯出的影片。
設計到開發的交接
匯出 JSON 設定或可分享的 URL，讓開發者重現視覺狀態、在編輯器中驗證設定，或將相同的視覺處理放入其他頁面。
AI 輔助生成
將託管的 MCP 伺服器連線至 Claude、Claude Code、Codex 或 Cursor，並要求代理程式根據自然語言簡述產生已設定的分享 URL。
Pros and Cons
Pros
- 支援從世界層級一路細分至國家、地區、次區域和美國州的地理選取。
- 提供 21 種具名視覺樣式、12 種內建點形狀、自訂圖片形狀、漸層和著色器效果。
- 提供靜態圖、向量圖、動畫、設定檔和嵌入等輸出，不限於單一圖片格式。
- 為 Figma、常見網站建構工具、React 專案、純 HTML 和 MCP 用戶端提供實用的整合方式。
- 採用 MIT 授權的開源程式碼和文件化的 JSON 架構，讓設定更容易檢視和重複使用。
Cons
- 目前定價頁面 URL 會返回找不到頁面，因此無法確認定價和方案限制。
- 提供的文件未說明完整的瀏覽器、渲染效能或團隊協作限制。
- Figma 輸出會依模式而異：Globe 會插入 PNG，而 Flat 在超過 2,500 個點或啟用 Bloom 時會變成 PNG。
FAQ
如何將 Globestudio 加入網站或應用程式？
託管工作室或 iframe 嵌入不需要安裝。整合文件也提供適用於 Webflow、Framer、Notion、WordPress、純 HTML 和 React 專案的複製貼上選項。另有 React 套件可用於 React、Next.js、Remix 和 Astro 工作流程。
可以分享自訂的地球儀嗎？
使用匯出對話框中的「分享」分頁，建立包含目前設定的 URL。同一分頁也能提供 iframe、React 和 Web 元件的嵌入程式碼，且可透過該 URL 在其他機器上還原畫布狀態。
有哪些輸出格式可用？
產品支援 PNG、SVG、WebM、MP4、GIF、JSON 設定檔和嵌入。在 Figma 工作流程中，Globe 會插入 PNG，而 Flat 可插入可編輯向量；當點數超過 2,500 個或使用 Bloom 時，Flat 輸出會變成 PNG。
Globestudio 是開源工具嗎？
可以。首頁將 Globestudio 描述為採用 MIT 授權的開源工具，文件也引導使用者前往專案的 GitHub 儲存庫，以查看程式碼、問題、討論和開發路線圖資訊。
Globestudio 支援無障礙功能和減少動態效果嗎？
來源文件記載了鍵盤快速鍵、無障礙對話框，以及即時動畫的 prefers-reduced-motion 支援。文件未提供完整的瀏覽器、效能或團隊使用限制清單，因此應針對預定專案進行評估。
Quick Facts
- 類別
- 設計工具／開發者工具
- 主要使用者
- 設計師、動畫師和創意開發者
- 視覺預設樣式
- 21 種具名樣式
- 地理涵蓋範圍
- 世界、國家、地區、次區域和美國州
- 輸出類型
- PNG、SVG、WebM、MP4、GIF、JSON 和嵌入
- 授權
- MIT
Globestudio 替代品
PixelDrive
PixelDrive 是一款批次圖片生成 API，可透過瀏覽器編輯器、REST API、CSV 批次或 MCP，從單一模板快速產生大量一致的品牌圖片，採用用量計費並支援快取渲染。
Napkin AI
Napkin AI 將文字轉成可編輯視覺圖，適用於簡報、文件與可分享內容；支援以文字優先生成，並可協作後匯出為 PPT、PNG、SVG 或 PDF。
appdesigns
appdesigns 是瀏覽器版工具，可將上傳的 App 圖片製作成 App Store 與 Google Play 截圖，加入裝置外框、自訂版面，並免帳號匯出無限量無浮水印 PNG。
Shotie
Shotie 是 Mac 應用程式，可從模擬器擷取畫面、生成畫面或上傳圖片，製作在地化 App Store 與 Google Play 截圖，支援聊天編輯、渲染檢查及一鍵 ZIP 匯出。
Refero MCP
Refero MCP 連接相容 MCP 的 AI agent 與 Refero 精選的網頁與 iOS 產品介面、使用流程庫，協助在生成 UI 前先研究真實設計模式；此功能包含於 Refero Pro 方案。
Pass Designer
Pass Designer 是 macOS Beta 工具，可建立與預覽 Apple Wallet 卡片，整合範本、自訂圖片、欄位、色彩與語意資料，並檢視 iPhone 與 Apple Watch 顯示效果。