GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → utom → Sketch Measure

utom / Sketch Measure

Licence: mit
Make it a fun to create spec for developers and teammates

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects
objective c
16641 projects - #2 most used programming language

Labels

sketch-pluginspecmeasurementdesign-specs

Projects that are alternatives of or similar to Sketch Measure

Artboard Manager
Because moving Artboards manually is *so* 2016
Stars: ✭ 672 (-90.34%)
Mutual labels:  sketch-plugin
Symbol Organizer
Organize your symbols page alphabetically (including layer list) and into groupings determined by your symbol names.
Stars: ✭ 835 (-88%)
Mutual labels:  sketch-plugin
Array Api
RFC document, tooling and other content related to the array API standard
Stars: ✭ 26 (-99.63%)
Mutual labels:  spec
Spected
Validation library
Stars: ✭ 717 (-89.7%)
Mutual labels:  spec
Sketch Commands
A collection of script commands for Sketch.app
Stars: ✭ 826 (-88.13%)
Mutual labels:  sketch-plugin
Skpm
💎📦 A utility to build and publish Sketch plugins
Stars: ✭ 890 (-87.21%)
Mutual labels:  sketch-plugin
Web Frameworks
Which is the fastest web framework?
Stars: ✭ 6,125 (-12%)
Mutual labels:  measurement
Rename Layers
Rename multiple layers at once in Sketch. Not maintained, try RenameIt (https://github.com/rodi01/RenameIt) or other plugins
Stars: ✭ 10 (-99.86%)
Mutual labels:  sketch-plugin
Pix Api
API Pix: a API do Arranjo de Pagamentos Instantâneos Brasileiro.
Stars: ✭ 832 (-88.05%)
Mutual labels:  spec
Sprite
Sketch 3 Plugin that makes SpriteSheets for game developers to export or use
Stars: ✭ 23 (-99.67%)
Mutual labels:  sketch-plugin
Sketchapi
The JavaScript plugin library embedded in Sketch
Stars: ✭ 784 (-88.74%)
Mutual labels:  sketch-plugin
Sketch Map Generator
Sketch plugin to fill a shape with a map generated from a given location using Google Maps and Mapbox
Stars: ✭ 824 (-88.16%)
Mutual labels:  sketch-plugin
Spec
OStatus Specification
Stars: ✭ 18 (-99.74%)
Mutual labels:  spec
Sketch Find And Replace
Sketch plugin to do a find and replace on text within layers
Stars: ✭ 693 (-90.04%)
Mutual labels:  sketch-plugin
Sketch Toggle Constrain Proportions
Toggle the constrain proportions setting with your own configurable keyboard shortcut.
Stars: ✭ 9 (-99.87%)
Mutual labels:  sketch-plugin
Html Sketchapp Cli
Quickly generate Sketch libraries from HTML documents and living style guides, powered by html-sketchapp
Stars: ✭ 631 (-90.93%)
Mutual labels:  sketch-plugin
Renamer
Sketch Plugin to rename multiple selected layers or groups or artboards at once
Stars: ✭ 16 (-99.77%)
Mutual labels:  sketch-plugin
Sketch Icons
🚀 Generate a dynamic icon library
Stars: ✭ 878 (-87.39%)
Mutual labels:  sketch-plugin
Automate Sketch
Make your workflow more efficient.
Stars: ✭ 856 (-87.7%)
Mutual labels:  sketch-plugin
Sketch Chat
A Sketch plugin to chat in Sketch Cloud files
Stars: ✭ 20 (-99.71%)
Mutual labels:  sketch-plugin
View All Similar Projects ➔

A new feature for Sketch Measure: Export Layer's influence Rect to Spec.

Layer's influence rect includes the area of shadows and outside borders, it's exactly the same size with the exported image.

                                      Regular rect                                                         Influence rect ​
regular-rect influence-rect

Sometime, shadows will not implement by engineers, it should be a part of image. Designer need to show the influence rect to engineers, not the regular rect. This is the feature using for.

Just select the option in Export UI

export-ui

Sketch Measure

Make it fun to create specs for developers and teammates. Sketch 49. support*.

Logo

Installing Plugins

Install from download

  1. Download the ZIP file and unzip
  2. Open Sketch Measure.sketchplugin

Install with Sketch Plugin Manager

  1. With Sketch Plugin Manager, just search Sketch Measure
  2. Will see the Sketch Measure plugin listed at the top, Click the Install inside it #!Install with Sketch Plugin Manager

Install with Sketchpacks

  1. With Sketchpacks, search for Sketch Measure
  2. Click Install
  3. Get automatic updates for Sketch Measure

Already have Sketchpacks?

Install Sketch Measure with Sketchpacks

Install with Sketch Runner

With Sketch Runner, just go to the install command and search for Sketch Measure. Runner allows you to manage plugins and do much more to speed up your workflow in Sketch. Download Runner here. Install with Sketch Runner

New UI

Friendly user interface offers you a more intuitive way of making marks.

How to

  • Hold down the Option key on keyboard and click icons on the toolbar to show panels.

SPEC EXPORT

Spec Export

Automatically generate a html page with one click, and inspect all the design details including CSS Styles on it offline.

If you want to create one artboard by one HTML file, please uncheck "Advanced mode".

Demo: http://utom.design/news/

SPEC EXPORT

Custom Shortcuts

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.

Settings

Contributors

Contact

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].