互聯(lián)網(wǎng)的產(chǎn)設(shè)研團隊在軟件開發(fā)的過程中，無論是界面版本的迭代開發(fā)，還是設(shè)計稿細節(jié)的優(yōu)化調(diào)整，只要設(shè)計稿一多，往往都需要研發(fā)跟設(shè)計師進行反復(fù)確認。

若是團隊成員溝通不暢就容易影響項目進程，如何提升設(shè)計與研發(fā)之間的協(xié)同效率，借助產(chǎn)品功能自動化工作流程，讓設(shè)計與研發(fā)之間實現(xiàn)無縫溝通？

新一代UI設(shè)計工具?Pixso?敏銳地捕捉到設(shè)計和技術(shù)團隊的協(xié)作痛點，專門推出了全新研發(fā)模式，僅需設(shè)計師對交付的設(shè)計稿進行預(yù)處理，就能在減少大量溝通成本的前提下，實現(xiàn)無縫協(xié)作，幫助研發(fā)團隊響應(yīng)反饋，加快迭代！

分區(qū)能力上線！支持一鍵歸類設(shè)計稿

想要敏捷交付，快速區(qū)分待開發(fā)的畫板和設(shè)計中的畫板？

無需費心整理，設(shè)計師在畫布中創(chuàng)建不同的分區(qū)并標(biāo)記為“設(shè)計中”或“待開發(fā)”兩種狀態(tài)，即可快速區(qū)分。

分區(qū)圖層在畫布中為比較高層級，可以兼容不同類型文件的圖層類型。不同于畫板，分區(qū)內(nèi)設(shè)計元素的內(nèi)容、尺寸、位置均不受分區(qū)的變化而影響，方便研發(fā)單擊選中內(nèi)部圖層查看標(biāo)注切圖。

設(shè)計師可自由按照設(shè)備終端、功能模塊等多種管理維度自由創(chuàng)建不同名稱的分區(qū)，讓圖層歸納分類更便捷之余，還能分享分區(qū)鏈接，讓研發(fā)打開鏈接后即可定位至分區(qū)，從而實現(xiàn)分模塊交付。

沉浸式研發(fā)，避免多畫板干擾

當(dāng)研發(fā)工程師進入研發(fā)模式后，沒有被標(biāo)記為“待開發(fā)”分區(qū)的頁面將會自動隱藏，同時系統(tǒng)將自動聚焦待開發(fā)的分區(qū)，方便研發(fā)快速定位待開發(fā)的設(shè)計稿。

研發(fā)人員選中畫板后雙擊或點擊畫板上方的定位按鈕，?即可進入單畫板模式，其余畫板將自動隱藏，方便研發(fā)獲取當(dāng)前畫板的標(biāo)注切圖，進行沉浸式研發(fā)。??

html?盒模型，讓變量數(shù)值更直觀

在研發(fā)模式下，選中設(shè)計稿的某一圖層，右側(cè)面板的盒模型將顯示圖層的寬高、描邊和圓角等圖層信息和與其他圖層之間的位置關(guān)系信息，展示的內(nèi)容均與在?Google?Chrome?開發(fā)工具中的界面保持一致。

除了實現(xiàn)研發(fā)工程化以外，為了提高設(shè)計效率，Pixso 還對標(biāo) Figma，在自動布局的能力基礎(chǔ)上，新增自動布局換行能力。

只需在自動布局控制面板中點擊“換行”按鈕，并在自動布局畫框輸入水平間距，當(dāng)自動布局中的元素寬度小于此值時，元素將自動換行排列，減少設(shè)計師手動調(diào)整元素位置的時間，提高設(shè)計工作的效率。

后續(xù)，新一代 UI 設(shè)計工具 Pixso 還將持續(xù)優(yōu)化產(chǎn)品功能，讓國內(nèi)的產(chǎn)設(shè)研團隊獲得更輕松流暢的工作體驗。

（推廣）