天天看點

前端福利!這項黑科技直接從圖檔生成代碼

相信前端同學在被頻繁變化的ui設計折磨的時候,當你揪着頭發不停微調想讓界面看起來與設計圖一緻的時候,你們一定有過直接從圖檔生成代碼的美好設想。現在,這樣的黑科技終于出現了!

一個名叫pix2code的項目,就是通過經訓練的深度神經網絡,從截圖直接生成 ui 代碼。

pix2code 是由一家名為uizard的哥本哈根創業公司開發的,神經網絡現在可以保證約77%的代碼正确,但随着資料的增多,準确率應該越來越高。

uizard的開發者和創始人tony beltramelli在研究論文中寫道:“我們推斷,以這種方式使用的深度學習最終可能會終止手動程式設計[圖形使用者界面(gui)的需要。”

可以說,随着大量的軟體被取代,這一創新至少可以允許一些人在更酷的領域進行工作。在研究論文中,beltramelli表示,它解放了開發人員,使能夠專注于他們正在建構的實際功能,而不是擺弄幾個小時的使用者界面。

pix2code中的神經網絡是一種卷積神經網絡,一種能夠同時以許多不同尺度觀看圖像的網絡。這允許網絡通過檢查使用者界面和底層代碼來學習,進而檢視每行代碼對設計的每個元素的影響。

為了促進未來的研究,pix2code的資料集和代碼将在今年晚些時候開源。beltramelli表示,系統會在抓取網頁以建立一個截圖和html / css代碼的資料庫方面,越來越準确。 一旦實作的話,不久後,你就可以繪制你的網站,并讓神經網絡直接生成它。