HTML 轉 Figma：將任何網站導入成可編輯圖層

從 Figma Community 安裝免費的 Codia AI Web2Figma 插件，在任何 Figma 檔案中執行。貼上頁面網址，選擇視窗尺寸（桌面、平板或手機）及淺色或深色主題後導入，頁面便會以可編輯的 Figma 圖層出現在畫布上。需要登入的頁面，請先用 Chrome 擴充功能擷取。

是的，你可以免費開始使用。免費計劃每月包含 10 個轉換點數，無需信用卡。Pro 計劃提供無限次導入、更高解像度的圖片處理，並可一次過導入多個網址或 Codia 檔案。

可以。Figma 插件在 Figma 免費計劃中亦可運行，毋須付費席位。不過你需要使用 Figma 桌面應用程式或電腦瀏覽器上的 Figma，Figma 手機應用程式無法執行插件。

可以。安裝 Codia AI Web2Figma Chrome 擴充功能，在已登入的狀態下用 Chrome 打開頁面並擷取，擴充功能會將頁面儲存為 .codia 檔案。然後在插件的 Chrome 擴充功能導入區上載或貼上這個檔案便可。適用於儀表板、管理後台、測試環境等網址導入無法存取的頁面。

可以。導入前選擇桌面、平板或手機，便會按相應闊度擷取頁面；如網站同時支援淺色及深色模式，亦可選擇主題。導入多個視窗尺寸，就能在同一個檔案內得到一整套響應式框架。

文字會變成可編輯的文字圖層，圖片變成圖片填充，區塊、背景、邊框及漸變則按頁面版面變成框架及形狀。Codia 擷取的是導入一刻頁面的樣子，因此動畫、程式腳本及互動不會一併帶入。

可以。毋須貼上網址，直接在插件的 Chrome 擴充功能導入區上載 .html、.htm 檔案，或連同 CSS 及圖片一併匯出的網站 .zip 檔。ZIP 內有多個頁面時，可以揀選要導入哪一頁。適合本機建置、HTML 匯出檔及未上線的頁面。