這世上哪有什麼天才,有的人只是把你們設計標註、寫前端的時間拿來喝咖啡,和思考罷了css
PxCook 3.0是什麼前端
設計師一鍵拖拽上傳,可智能標註,支持畫板、項目。作完後導出的pxcp 程序員點擊便可生成css xml swift objective-c還有ReactNative的代碼了。node
字多不看求圖
(走心要聽:
做爲一個深耕設計師軟件的團隊。此次3.0版本。相比於以前更加高效,易用。依然支持 Win & Mac ,而且是支持PS和Sketch的全平臺工具。
「拖拽即用」和「一鍵流」的理念我想互聯網行業的都明白它的易用性的含義。這不但體如今設計稿導入上,智能標註和生成代碼也是同樣。程序員
點擊頂部的tab按鈕能切換到程序猿模式
objective-c
在這一模式下,拖拽進來的psd和上傳的sketch能夠經過點擊直接生成CSS XML Objective-C Swift ReactNative 等前端代碼。
包括多種開發語言下的尺寸文字、陰影漸變等全部元素。
swift
CSS 支持點擊生成
設計模式
XML 點擊生成 yes yes
工具
OC 點擊生成,three yeses
字體
Swift,Yes!Taylor No`
`
ui
ReactNative,生成支持ㄟ( ▔, ▔ )ㄏ
直接生成代碼至少每週爲團隊節省數小時甚至更多的工做時間。
什麼是項目?
(/ω\)~項目是個方便設計管理標註的雜貨箱,某個psd/sketch中的某一個畫板,某個沒有畫板的單獨psd/sketch,某個老的pxc格式文件或某個和文件沒有關聯的單獨標註png……這些文件類型不一樣,可是可能和某個界面或某個功能、版本相關,這些均可以整理到一個項目內。
項目列表展現
流暢的智能標註是2016年上線以來口碑最好的功能,他的易用性體如今對於設計師的交互簡單
這回的大版本保留了智能標註,並增長了畫板的支持。
小解釋畫板是個什麼。PS自2015起推出了畫板功能,能夠說是ui設計師最經常使用的分類/彙總功能(Sketch一直支持)。同時也是咱們2個種子用戶羣呼聲最高的。
☝ 上圖是Ps和Sketch的畫板
(而如下,PxCook3.0已經支持導入和分別顯示畫板了。☟
PS拖入:直接將psd拖拽進來便可,記得要勾選要導入哪些畫板喲。
Sketch導入:經過插件快速上傳
首先介紹如下開發和設計師的模式區分
PxCook3.0能夠經過的頂部tab切換角色——設計和開發兩個角色。
設計模式下能夠標註。不管是交互友好的智能標註仍是手動加距離/文字/座標都是能夠的。
它主要包括:
元素間的尺寸能夠拖動直接生成
元素內間距也能一鍵生成
字體信息標註(字號字體顏色是否加粗等)一鍵流
……
設計師想要的,PxCook基本都想了, 畢竟用戶反饋收集是一直在作的。
每次的UI調整,咱們都願意展開講
由於界面是須要磨的,就像全部曾出現過的設計同樣。由於環境在變,人也隨着思考。
首先的調整就是把智能標註的圖標放在了左側,體現從屬關係。
切圖也放在頂部更明顯的位置。
還有字體單位的選擇移到了設計頁和項目頁頂部,#Hex和ARGB等。
戲太足的開發小隊:
「 PxCook 3.0設計的初衷,是在不打擾設計師的前提下,提供完整的項目管理與呼聲最高的畫板功能。並提供給程序智能開發模式 ~
從兩個用戶羣的反饋來看,還不錯還不錯~咱們也在作着下一步功能。
在路上 =] 」
PxCook 3.0 獲取途徑:
前往官網下載:http://www.fancynode.com.cn/p...
咱們也會按期在公衆號:PxCook 發佈其餘效率工具與平常更新
Sketch上傳插件 獲取途徑:
前往官網:http://www.fancynode.com.cn/f...
其實這個插件也是個大殺器,對效率提高也很是之大叫做Flavor Flavor - Sketch插件味增,給你的設計加點料
問題反饋與聯繫
任何問題反饋歡迎來提(。・`ω´・)
官方微博:@Fancynode
qq用戶羣:661255798