ui切圖步驟？切圖是設(shè)計(jì)師交付給開(kāi)發(fā)的產(chǎn)物之一，設(shè)計(jì)稿完成后，設(shè)計(jì)師需要將其切成便于制作成頁(yè)面的圖片。設(shè)計(jì)師切圖時(shí)就需要用到切圖工具，比如摹客，可以自動(dòng)切圖（支持Sketch、Adobe XD、PS的

ui切圖步驟？

切圖是設(shè)計(jì)師交付給開(kāi)發(fā)的產(chǎn)物之一，設(shè)計(jì)稿完成后，設(shè)計(jì)師需要將其切成便于制作成頁(yè)面的圖片。設(shè)計(jì)師切圖時(shí)就需要用到切圖工具，比如摹客，可以自動(dòng)切圖（支持Sketch、Adobe XD、PS的設(shè)計(jì)稿），設(shè)計(jì)師只需在設(shè)計(jì)稿上進(jìn)行切圖標(biāo)記，上傳至摹客即可，無(wú)需手動(dòng)，開(kāi)發(fā)可以自主下載和使用。

如何切圖？其實(shí)很簡(jiǎn)單：（以PS切圖為例）

Step 1.安裝并打開(kāi)插件

插件安裝好后打開(kāi)PS，在「窗口gt擴(kuò)展功能」找到摹客 插件，選擇并打開(kāi)。使用摹客平臺(tái)賬號(hào)登錄。

Step 2.標(biāo)記切圖

在完成的設(shè)計(jì)稿上，選中需要切圖的圖層或編組，點(diǎn)擊「標(biāo)記切圖」。將在名稱前增加“-e-”，「標(biāo)記切圖」變?yōu)椤溉∠袌D標(biāo)記」，則標(biāo)記切圖完成。

Step 3.上傳至摹客

標(biāo)記切圖后，一鍵將設(shè)計(jì)稿上傳至云端項(xiàng)目中，開(kāi)發(fā)工程師就可以自主下載切圖，只需在右側(cè)面板中選中切圖，點(diǎn)擊即可下載。

除了自動(dòng)切圖，還有更多亮點(diǎn)功能：

1. 切圖壓縮：在右側(cè)面板中選中切圖

2. 切換平臺(tái)和選擇倍率：iOS、Android、Web

3. 下載選中切圖，一步到位。