Sketch Measure 這個切圖工具主要是為開發(fā)人員和團隊創(chuàng)建設(shè)計規(guī)范，Sketch 切圖工具 Sketch Measure 使用方法很簡單，主要是這幾個方面的使用方法：區(qū)域、尺寸、間隔、標(biāo)注屬性、顏色命名、規(guī)范導(dǎo)出等功能。作為 Sketch 的最火爆的插件之一，Sketch Measure 的使用方法具體應(yīng)該如何操作呢？一篇文章逐一講解功能，一起來看看吧！

https://js.design/community?category=plugin&source=bz&plan=yzbz23011

Sketch 切圖工具 Sketch Measure 的功能全部集中在這個工具欄中，簡單清晰。

1.標(biāo)注區(qū)域的時候，就使用「區(qū)域」功能

在需要標(biāo)注區(qū)域時，直接使用 “區(qū)域” 功能，選中需要切圖的圖層后點擊該按鈕，就可以快速標(biāo)注出需要的區(qū)域范圍。這可以大大節(jié)省手動計量和標(biāo)注區(qū)域的時間。

2.標(biāo)注寬度和高度時，就用「尺寸」功能

當(dāng)需要標(biāo)注元素的尺寸時，“尺寸” 功能會派上用場。選中需要標(biāo)注的圖層，點擊該按鈕就能自動測量并標(biāo)注出圖層的長度和寬度。免去了逐個計量圖層尺寸的麻煩。

3.標(biāo)注圖層和畫板之間的距離，用「間隔」功能

如果想快速標(biāo)注圖層之間或圖層與畫板之間的間距，“間隔” 功能是最佳選擇。選中圖層后點擊該按鈕即可高效完成標(biāo)注。

4. Get 圖層和文本的樣式屬性，用「標(biāo)注屬性」功能

“標(biāo)注屬性” 功能則可以獲取圖層或文本的樣式信息，如顏色值、透明度、字體字號等，對準(zhǔn)備樣式規(guī)范非常方便。

5.導(dǎo)出顏色為 xml ，用「顏色命名」功能

“顏色命名” 功能可以一鍵導(dǎo)出畫板中的顏色值到 XML 文件中，讓開發(fā)人員快速獲取正確的顏色信息。

https://js.design/community?category=plugin&source=bz&plan=yzbz23011

6.一鍵導(dǎo)出 HTML 和 CSS 樣式，支持并離線查看的「規(guī)范導(dǎo)出」功能

最令人驚艷的是 “規(guī)范導(dǎo)出” 功能，它可以一鍵生成 HTML 和 CSS 代碼，并可以實現(xiàn)離線預(yù)覽。對于制作標(biāo)注和規(guī)范文檔，該功能可謂強大到不可思議。只需簡單的快捷鍵操作，就能大幅度提升工作效率。

最后

盡管 Sketch Measure 的創(chuàng)作者已經(jīng)不再更新維護了，但這個小小的插件改變了無數(shù)設(shè)計師的工作方式，對行業(yè)產(chǎn)生了深遠(yuǎn)的影響。這位插件作者 Utom 來自中國北京，可以看出即使一個人的力量也可以真正幫助同行。有個采訪問過作者，“是什么初衷讓你想到開發(fā)這款 Sketch measure的插件?”，作者 utom 是這樣說的，“標(biāo)注是一個非常痛苦的過程， 我經(jīng)歷過痛苦，就會想著如何解決痛苦， 這就是我的目的。解決自己工作上的痛苦，同時幫助到更多的設(shè)計師和開發(fā)人員?！北M管這個Sketch 切圖工具 Sketch Measure 不再更新了，但這個小小的插件也曾“改變過世界”，留下了濃墨重彩的一筆。