特色插件推薦

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

分別輸入邊距：

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

單獨輸入尺寸：

單個值或用以下分隔； （寬度；高度）選擇是否帶預設并創(chuàng)建組件。 更多預設，使用快捷鍵?+，設置

效果示例

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

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

↓

重量級插件

特征

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

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

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

面板功能

工具欄

↓

功能顯示

1.鏈接（+shift+1）

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

2.標記（+shift+2）

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

這應該與文本框結(jié)合使用。 在頁面上標記出比較復雜的邏輯，然后在文本框中輸入序列號并進行詳細描述。

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

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

4.文本／文本替換

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

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

↓

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

6.圖標／圖標庫

不支持直接拖拽導出。 支持自定義圖標大小和顏色。 面板頂部有一個過濾功能，不過目前只有一個選項，應該還??在完善中。 每個成熟的設計團隊都有自己的一套圖標庫，有的放在文件夾中管理，有的全部放在.psd中，有的放在文件中。 一些設計師還喜歡在阿里巴巴的圖標字體上尋找圖標素材。 這個圖標庫無縫地嵌入到設計過程中，讓設計者的注意力停留在那里而無需轉(zhuǎn)換。

7.UI Kit/同步UI庫

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

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

該功能可以從其他文件導入顏色配置。

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

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

10.／快速選色

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

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

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

其他功能

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

1.資源路徑設置

這里添加團隊UI Kit的存儲路徑，方便導入。

2.導出圖片格式設置（支持小程序）

3.插件設置

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

總結(jié)

當我們用它來進行設計時，插件可以大大提高我們的工作效率。 然而，作為一名設計師和工人，你也必須有一套自己的快速高效的工作流程，無論是對于團隊還是你自己。 這是一個進步。

獲取方法

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