Sketch Measure

A measure tool for measurements & design specs, Sketch 3.7+ support.

一款使用在 Sketch.app 中的标注和导出设计规范的神奇插件。

Change Log

• Color palette and fixed spec export mask bugs
• Only Sketch 3.5+ support
• Spec Export
• New Interactive
• Style Shared Support

Installing Plugins

The conventional way:

1. Download the ZIP file with the Measure
2. Copy the contents to the plugin folder (Open up Sketch, and go to Plugins › Reveal Plugins Folder… to open it.)

The quickest way:

NOTE: If your Mac has not installed GitHub client, You need to install GitHub for mac

1. Click on the Clone in Desktop button on GitHub
2. Press command + shift + g to find plugin folder, then paste plugin folder path

Plugin Folder Path

• App Store ~/Library/Containers/com.bohemiancoding.sketch3/Data/Library/Application Support/com.bohemiancoding.sketch3/Plugins
• Beta ~/Library/Application Support/com.bohemiancoding.sketch3/Plugins

How-to

1. Create Overlay

2. Measure Size

3. Measure Spacing

4. Get Property

5. Create Note

Keyboard Shortcuts

1. Create Overlay: ⌃ + ⇧ + 1
2. Measure Size: ⌃ + ⇧ + 2
3. Measure Spacing: ⌃ + ⇧ + 3
4. Get Property: ⌃ + ⇧ + 4
5. Create Note: ⌃ + ⇧ + 5
6. Spec Export: ⌃ + ⇧ + E
7. Toggle All Measure Hidden ⌃ + ⇧ + H
8. Toggle All Measure Locked ⌃ + ⇧ + L
9. Reset(Clear) Artboard Measure

SPEC EXPORT (beta)

http://utom.design/measure/spec-export-demo/

Change ShortcutsS

To create your own custom shortcuts, go to Keyboard in your System Preferences and click the Shortcuts tab. Select App Shortcuts and click ‘+’ to create a new shortcut. Choose Sketch from the Application list, then enter the exact name of the menu item you want to create the shortcut for. Finally choose your own shortcut combination and you’re all set.

Menu Titles:

• 1. Create overlay
• 2. Measure size
• 3. Measure spacing
• 4. Get property
• 5. Create note
• 5. Create note
• 6. Percentage for size
• 7. Percentage for spacing
• Toggle measure hidden
• Toggle measure locked
• Lite width
• Lite height
• Spec export

##Contact

• Follow @utom on Twitter
• Email [email protected]