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

ui切圖步驟？

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

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

Step 1.安裝并打開插件

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

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

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

Step 3.上傳至摹客

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

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

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

2. 切換平臺和選擇倍率：iOS、Android、Web

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