html.to.design

將任何網站轉換成可完整編輯的 Figma 設計。 將任何網站以可完整編輯的設計匯入 Figma！ 使用 html.to.design，將任何網站轉換成可完整編輯的 Figma 圖層。運用現有網站，將其 HTML 匯入 Figma，開始製作自己的設計，無須從零建立每個元素。 這個 Chrome 擴充功能搭配 html.to.design Figma 外掛程式使用，某些功能需要安裝該外掛程式。如果使用「複製到剪貼簿」選項，就不需要執行 Figma 外掛程式，只要將擷取的網頁貼上（⌘+V）到畫布即可！ 這個擴充功能也內建對 ChatGPT、Bolt 和 Lovable 等 AI 工具的支援，可以直接擷取其結果，無須任何額外步驟。您可以在這裡查看支援的 AI 工具完整清單：https://html.to.design/docs/import-from-ai-tools 使用方式： =========== 1. 按一下本頁的 [加到 Chrome]，安裝 html.to.design Chrome 擴充功能。 2. 前往您想匯入 Figma 的頁面。 3. 按一下 Chrome 頂端工具列中的 html.to.design 擴充功能圖示。 4. 按下「擷取」，擴充功能就會自動開始擷取頁面。 擷取網頁後，有幾種方式可以將它匯入 Figma： a) 在本機儲存為 .h2d 檔案，之後必須將檔案拖放到 html.to.design Figma 外掛程式中 b) 直接傳送到 Figma 外掛程式 c) 下載為 .make 檔案，以便在 Figma Make 中使用 d) 複製到剪貼簿，然後將結果直接貼上到 Figma --- 注意事項： 為了盡可能將瀏覽器中看到的內容對應到 Figma，我們需要存取 Chrome 的偵錯功能。