由 Webflow 官方實現是推出的 “Figma to Webflow” 工具
Figma 作為一個主打 UI 介面設計的工具，只需要瀏覽器就能線上產生出完整的產品設計，甚至可以同時與各部門（產品經理、工程師、內容管理者等等）同步對齊專案進度，然後再將設計稿交付給工程團隊去做開發。
中文介紹
https://tenten.co/learning/figma-new-plug-in/
更多關於插件介紹
https://webflow.com/figma-to-webflow
- Webflow Labs 開發了一個 Figma to Webflow插件，可將靜態設計轉換為Webflow的HTML和CSS。
- 安裝並連接，設計好Auto layout然後複製和粘貼到Webflow。然後，使用Webflow的CMS連線並點擊一鍵發布。
- 提供20多個預建佈局和響應式結構，可平滑轉換為Webflow且跨設備響應。
- 當您從Figma粘貼時，樣式，佈局，顏色，文本和圖像都會無縫轉移至Webflow。
- 自動創建樣式指南，基於您在Figma中創建的文本和顏色樣式，在Webflow中創建樣式指南頁面。
- 輔助600多種CSS聲明及支持矢量節點導出為SVG。
- 僅支持Auto layout框架的複製，正在考慮支持非自動佈局框架並改善工作流程。
- 插件無法從Figma複製互動原型，但粘貼後可以在Webflow上應用Webflow Interactions。
- 插件不會傳輸自定義字體，如果在Figma中使用自定義字體，您需要在複製之前上傳到您的Webflow網站。
- Detach instances before copying，並注意一些其他注意事項。
- Figma to Webflow插件由Webflow Labs開發，Webflow Labs專注於增強Webflow的核心產品在無代碼和網站開發社區的影響力。
- Webflow Labs產品有限的支持並且隨時可能更改或刪除，使用者可以參閱Webflow Labs Terms of Service and Privacy Policy了解更多。