下個時代的前端研發,效率還能提高。PxCook 3.0,最高效的設計研發利器

這世上哪有什麼天才,有的人只是把你們設計標註、寫前端的時間拿來喝咖啡,和思考罷了css

圖片描述

PxCook 3.0是什麼前端

設計師一鍵拖拽上傳,可智能標註,支持畫板、項目。作完後導出的pxcp 程序員點擊便可生成css xml swift objective-c還有ReactNative的代碼了。node

字多不看求圖
圖片描述
(走心要聽:
做爲一個深耕設計師軟件的團隊。此次3.0版本。相比於以前更加高效,易用。依然支持 Win & Mac ,而且是支持PSSketch的全平臺工具。
「拖拽即用」「一鍵流」的理念我想互聯網行業的都明白它的易用性的含義。這不但體如今設計稿導入上,智能標註和生成代碼也是同樣。程序員

開發模式 : 直接生成代碼

點擊頂部的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拖拽進來便可,記得要勾選要導入哪些畫板喲。
psd可直接拖拽,sketch經過插件上傳

Sketch導入:經過插件快速上傳
圖片描述

角色切換 — 設計師模式

首先介紹如下開發和設計師的模式區分
圖片描述

PxCook3.0能夠經過的頂部tab切換角色——設計開發兩個角色。

設計模式下能夠標註。不管是交互友好的智能標註仍是手動加距離/文字/座標都是能夠的。
圖片描述

它主要包括:

  • 元素間的尺寸能夠拖動直接生成

  • 元素內間距也能一鍵生成

  • 字體信息標註(字號字體顏色是否加粗等)一鍵流

  • ……

設計師想要的,PxCook基本都想了, 畢竟用戶反饋收集是一直在作的。

UI的調整

每次的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

圖片描述

相關文章
相關標籤/搜索