讀完這篇文章你將了解到

.2 更新技能?

常用插件說明?

安裝方法及安裝包?

它輕視覺，重交互，注重響應(yīng)式功能。 非常適合當前UI設(shè)計的需求，深受UI設(shè)計師的喜愛。

最新版本48.2有哪些好的更新？ 和二狗一起學(xué)習(xí)吧~（福利在文末）

01

顏色配置管理功能

添加了 sRGB 和 P3 顏色文件的設(shè)置，使顏色顯示更接近目標設(shè)備上渲染的顏色。 （官方介紹：）

設(shè)置方法：（中文版）在偏好設(shè)置-常規(guī)-顏色描述中更改。 （英文）---顏色。

不過要小心甲方爸爸顯示器的色差……

02

查找并替換顏色

基本操作：找到文件中所有使用顏色A的地方，并將其替換為顏色B。

高級操作：找到文件中所有使用A顏色的地方（包括使用不同不透明度的A顏色）并替換為B顏色。

高級操作：找到文件中所有使用A顏色的地方（包括使用不同透明度的A顏色）并替換為B顏色，同時保留透明度信息。

提供更快捷的方式批量修改設(shè)計稿配色方案。

03

云支持下載

您現(xiàn)在可以允許預(yù)覽者下載您的文件，而不是以前僅將文件上傳到云端進行預(yù)覽。 只是Cloud的上傳速度對于國內(nèi)無法繞過防火墻的朋友來說是一個硬傷。

04

變焦功能

之前在中縮放圖標時，文字不會縮放，需要稍后縮放才能正?？s放。 更新后，這個問題終于解決了。

05

圖層投影擴散值

圖層投影的擴散值可以為負值，可以快速創(chuàng)建擴散投影。

雖然更新速度很快，但其強大的擴展性也值得大家關(guān)注。

前幾天，我去隔壁設(shè)計部和設(shè)計師牟兵聊天時，我假裝漫不經(jīng)心地問他常用什么插件。 經(jīng)過一番快速追尋，我盤點了這三款外掛神器。 最后一項可以說是非常有用了。 這是重量級的。

該插件已提供個人測試，希望對您有幫助！ （以下是3個插件）

01

一鍵生成具有邊距和有限尺寸的切片。 選擇一個或多個圖層并執(zhí)行 > 切片以生成帶邊距的切片。

分別輸入邊距：單個值（四邊距），以 ; 分隔。 （上；右；下；左）。 選擇是否帶預(yù)設(shè)并創(chuàng)建組件，執(zhí)行>>Slice with Frame生成有限大小的切片。

單獨輸入尺寸：單個值或用分隔符分隔； （寬度；高度）選擇是否有預(yù)設(shè)并創(chuàng)建組件。 更多預(yù)設(shè)，使用快捷鍵?+，設(shè)置

效果示例

02

它超級智能，幫助您為作品添加圖形大小、距離、顏色和文字屬性的注釋，方便快捷，成品整齊美觀。

選擇您的圖形元素，然后在頂部選項卡欄“插件”中，您可以選擇尺寸和其他注釋功能。

↓

03

特征

更高效的團隊協(xié)作，如：UI Kit同步、調(diào)色板同步等。

更快的交互設(shè)計，如：圖標庫、自動連線、標記注釋、全局替換文本、字體和顏色。

更精準的前端還原，如：填寫寬高導(dǎo)出圖片、導(dǎo)出CSS代碼（支持小程序）等。

面板功能

工具欄

1.鏈接（+shift+1）

可以修改連接線的樣式，包括線寬和顏色。

2.標記（+shift+2）

選擇目標后，可以單擊三次。 第一次單擊將使標簽出現(xiàn)在右側(cè)，第二次單擊會將標簽更改為左側(cè)，第三次單擊將取消它。 目前僅支持數(shù)字序列號。

這應(yīng)該與文本框結(jié)合使用。 在頁面上標記出較復(fù)雜的邏輯sketch 圖標庫插件，然后在文本框中添加序列號和詳細描述。

3.字體/字體替換（+shift+f）

可以替換整個文件或當前頁面的字體。簡單實用

4.文本／文本替換

它還支持替換整個文件和當前頁面。

5.顏色/顏色替換（+shift+c）

↓

有時我們會收到這樣的要求，需要對整個產(chǎn)品的主色調(diào)進行微調(diào)。 雖然需求量不大，但工作量卻很飽和。 讓我們從頭開始，然后我們必須一一檢查并填補空白。 顏色替換功能解決了設(shè)計師的這個頭痛問題，簡化了設(shè)計稿中的全局換色操作。

6.圖標／圖標庫

不支持直接拖拽導(dǎo)出。 支持自定義圖標大小和顏色。 面板頂部有一個過濾功能，不過目前只有一個選項，應(yīng)該還??在完善中。

每個成熟的設(shè)計團隊都有自己的一套圖標庫，有的放在文件夾中管理，有的全部放在.psd中，有的放在文件中。

一些設(shè)計師還喜歡在阿里巴巴的圖標字體上尋找圖標素材。 這個圖標庫無縫地嵌入到設(shè)計過程中，讓設(shè)計者的注意力停留在那里而無需轉(zhuǎn)換。

7.UI Kit/同步UI庫

它只能導(dǎo)入用于演示，不是發(fā)布的工具。 希望大家都能制作出屬于自己的Kit。 團隊的UI Kit可以快速導(dǎo)入，不再需要原來的粘貼復(fù)制方式。

8.／同步調(diào)色板

該功能可以從其他文件導(dǎo)入顏色配置。

9.／完整的寬度和高度／(+shift+u)

這個函數(shù)的名字是填充寬度和高度。 它實際上是一種自由度很高的切割和導(dǎo)出方法sketch 圖標庫插件，相當實用。 該函數(shù)用于設(shè)計的最后階段。 剪出的圖片中素材的格式、分辨率甚至布局都可以根據(jù)工程師的需要來選擇。

10.／快速選色

吸管會直接拾取色號并復(fù)制到粘貼板上

11.CSS／生成代碼／+shift+d

同樣的方式，點擊獲取樣式，它會將css樣式代碼復(fù)制到粘貼板。

其他功能

在插件菜單中，有幾個可以使用的功能。

1.資源路徑設(shè)置

這里添加團隊UI Kit的存儲路徑，方便導(dǎo)入。

2.導(dǎo)出圖片格式設(shè)置（支持小程序）

3.插件設(shè)置

您可以設(shè)置每個功能的快捷鍵以及它們是否出現(xiàn)在工具面板上。

留到最后一句話

我和老兵從十幾個插件中選出了三個最實用、最穩(wěn)定的插件。

希望大家在設(shè)計的時候能夠使用這三個插件來提高朋友們的工作效率。 然而，作為一名設(shè)計師和工作者，也必須有自己的一套快速高效的工作流程，無論是為團隊還是為團隊。 對自己來說也是一種進步。

福利：后臺回復(fù)“插件”即可獲取安裝包

-結(jié)尾-

如有侵權(quán)請聯(lián)系刪除！