Tendemy Short: Figma 轉 Webflow 工具 (03/22/2023)

由 Webflow 官方實現是推出的 “Figma to Webflow” 工具


Figma 作為一個主打 UI 介面設計的工具,只需要瀏覽器就能線上產生出完整的產品設計,甚至可以同時與各部門(產品經理、工程師、內容管理者等等)同步對齊專案進度,然後再將設計稿交付給工程團隊去做開發。

中文介紹

更多關於插件介紹

  • 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了解更多。