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

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

什么是風火輪？

風火輪是 58UXD 聯(lián)合前端技術(shù)委員會打造的一站式設(shè)計、產(chǎn)品、研發(fā)協(xié)作平臺。它包含 Sketch 插件和協(xié)作平臺兩部分?？蓪崟r協(xié)同設(shè)計規(guī)范、承載多種類型設(shè)計資產(chǎn)、sketch 設(shè)計稿在線可視化、自動標注及前端代碼的自動解析和生成，是一款產(chǎn)研協(xié)同的提效工具。

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

風火輪都有什么能力？

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

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

1. 插件

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

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

主要承載集團全部的設(shè)計規(guī)范和設(shè)計資產(chǎn)，供全體設(shè)計師共享使用。

自有組件庫快速生成

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

上傳設(shè)計稿

可通過風火輪 Sketch 插件上傳設(shè)計稿到風火輪協(xié)作平臺，實現(xiàn)標注和代碼解析，可直接鏈接分享給產(chǎn)品和開發(fā)同學。

2. 協(xié)作平臺

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

團隊與項目

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

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

項目文件管理

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

多方協(xié)作-編輯器

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

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

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

代碼生成

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

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

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

「風火輪」上線的一年時間里，我們快速響應(yīng)迭代，通過多個版本的更新優(yōu)化，使其達到了一個穩(wěn)定且持續(xù)更新的狀態(tài)。

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

風火輪開放情況

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

未來我們會開放更多的功能和資源來為大家服務(wù)，請大家多多關(guān)注。

歡迎關(guān)注「58UXD」的微信公眾號：