58 風火輪，從今天起正式免費對外開放啦～

請先記住這個網址： https://fhl.58.com。它將帶你進入一個神奇的世界

什么是風火輪？

風火輪是 58UXD 聯合前端技術委員會打造的一站式設計、產品、研發協作平臺。它包含 Sketch 插件和協作平臺兩部分。可實時協同設計規范、承載多種類型設計資產、sketch 設計稿在線可視化、自動標注及前端代碼的自動解析和生成，是一款產研協同的提效工具。

風火輪經過 58 集團產研團隊一年的沉淀和打磨，今天正式對外開放。這款由 58 產研團隊共同創造的產研提效工具，可以幫助更多的中小型企業及個人設計師和開發者提效，體現讓“生活簡單美好”的企業價值觀。

風火輪都有什么能力？

58 集團設計師 Sketch 的使用率高達 90%，因此我們選擇了 Sketch 作為我們整體鏈路的基礎。設計師使用「風火輪」插件上傳設計稿到協作平臺，平臺通過 Picasso 這款自研的解析工具進行智能解析，不僅僅輸出了設計標注，還同時生成了終端代碼，高度還原設計稿的同時，滿足各種場景需求。

那么我們具體了解下插件和平臺都是什么？

1. 插件

Sketch 插件：通過 Sketch 插件進入設計師的工作流程，聚合設計資產，解決設計規范落地、設計資產可視化承載，提升設計規范和設計資產的使用率，增強資源共享避免重復設計。目前為止 sketch 插件可以承載 icon 庫、組件庫、場景庫、插畫庫、基礎運營庫資源。大家可以通過我們的制作要求，上傳自己的規范。可幫助設計團隊提升設計師的工作效率，也避免了大多數的重復設計，同時我們會將部分 58 集團設計資產進行開源。

組件資源-icon/色彩/組件/場景/插畫

主要承載集團全部的設計規范和設計資產，供全體設計師共享使用。

自有組件庫快速生成

可自己制作組件 Library，導入風火輪 Sketch 插件。導入的組件 Library 需遵循《本地 Library 資源制作規范》。

上傳設計稿

可通過風火輪 Sketch 插件上傳設計稿到風火輪協作平臺，實現標注和代碼解析，可直接鏈接分享給產品和開發同學。

2. 協作平臺

通過風火輪協作平臺進行團隊管理，團隊資產、項目管理，實現設計稿在線標注解析，供研發同學在線查看研發。同時還生成各種前端代碼，供前端同學復制使用，縮短研發同學的工作路徑，提升工作效率的同時順應市場潮流，實現從設計到代碼的愿景。

團隊與項目

風火輪協作平臺的團隊項目，采用團隊—（文件夾）—項目—分組—畫板的層級進行設計稿的管理。

項目是從屬于團隊的。想使用項目相關功能，需要先創建/加入一個團隊。為便于管理，一個團隊下可建立多個項目。

項目文件管理

項目可存在于任何一級文件夾下。團隊成員均可進行項目管理。項目文件中承載了項目中的全部內容（設計稿、切圖、源文件、代碼等）。

多方協作-編輯器

編輯器頁面可進行設計稿畫板標注/代碼信息查看、設計圖/切圖下載。每個畫板提供了標注模式和代碼模式兩種視圖。

在標注模式下，可以查看圖層的尺寸、位置、字體、文本內容、樣式等信息，可以復制并使用標注樣式代碼；如果是切圖，則可以下載對應的不同尺寸、格式的圖片。

在代碼模式下可查看平臺解析當前畫板，所生成的全部代碼，可一鍵復制使用。

代碼生成

在上傳設計稿時選擇生成代碼，在協作過程中，平臺會展示，整個設計項目的全部代碼，供研發同學使用。我們目前生成的代碼，高精度的還原了設計稿。

風火輪在 58 集團的使用情況

「風火輪」自從 2020 年 12 月 30 日上線以來，逐步覆蓋了全公司所有的產研團隊，包括安居客、駕校一點通、58 數科等公司，成為集團產研提效的協作平臺，并且得到內部團隊較高的評價。

「風火輪」上線的一年時間里，我們快速響應迭代，通過多個版本的更新優化，使其達到了一個穩定且持續更新的狀態。

目前「風火輪」插件在公司內部承載了 8000 多個可復用的設計資產，解決了大多數重復設計、開發的狀態，累計節省設計時長 30000+小時。通過自動化解析生成代碼量超過 5000+，生成圖片量 200W+，累計節省研發時長 6000+小時，提升整體協同效率 30%。

風火輪開放情況

網址： https://fhl.58.com ，這是我們風火輪協作平臺的網址，大家可以下載插件進行使用。同時我們也開放了部分設計資產，為廣大設計師提效。

未來我們會開放更多的功能和資源來為大家服務，請大家多多關注。

歡迎關注「58UXD」的微信公眾號：