Code Monkey home page Code Monkey logo

sketch-measure's People

Contributors

adamkirkwood avatar aquahacker avatar bomberstudios avatar bpierre avatar davidklaw avatar ellunium avatar forestlin1212 avatar hellonicolas avatar jereddanielson avatar jozefmak avatar markiearnold avatar michaelmsschreiber avatar nikolasklein avatar ricburton avatar tankxu avatar utom avatar webpatch avatar wfljq avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

sketch-measure's Issues

Retina in points versus pixels?

Right now, the retina setting sets measurements in points, but labels everything as pixels. If they were truly pixels @2x, they would be twice those values.

The solution would be to either double the values and keep the pixel unit of measurement.
Or keep the values, and label everything in pts.

Create the object as union group

It would be awesome if you could create the "UI" elements in one union group. With that I could link this one object to a linked style and change all at the same time.

Hope the screenshots makes it clear.

Your arrangement:
bildschirmfoto 2014-04-03 um 15 01 58

My wish:
bildschirmfoto 2014-04-03 um 15 01 48

Inner shadow not generating "measures"

When I run the plugin on an object with an inner shadow, and only want the Inner Shadow properties, it doesn't generate the "measures" (properties box).

Invisible Shapes in Sketch 3.2

The plugin does not work correctly in Sketch Beta 3.2 as there have been changes to addLayerOfType("rectangle"). Not sure how to fix it yet.

Directional Marker Missing

Hi, In this version there is no longer the directional arrow that shows which section of the design the label is for.. I'm needing to add them all back in manually, but that's a lot of work :) Running the latest AppStore version of Sketch - Version 3.0.4 (8053)

image

Broken in Sketch 3.1

the plugin doesn't seem to work in Sketch 3.1 anymore. It usually puts out just "type something" in the top left corner of the artboard.

Update existing measure

It would be great to be able to update an existing measure, in case the size / font of a layer changes : )

BTW: congratulations for the plugin, this is really amazing.

Measuring the size of a rotated object

For the Measure Sizes command, I've noticed that you're using the frame property of the layer to get its position and size, which does not return the actual boundary of a rotated layer. I think it would be great if you could get the values from absoluteRect by default so it takes rotation into account.
obj-rotation

Measure Spacing doesn't account for border

Issue

Currently, the plugin doesn't account for outside borders or shadows when providing the proper spacing between two elements (understandable for shadows).

Technically, the distance here should be about 42px padding on each side of the images.

screen shot 2015-06-25 at 11 36 53 am

Support for multiple values

Feature request

Currently the user input box only responds to a single value. If I want to generate margin measurements for 4 sides, I have to run the plugin 4 times.

It would be a huge time saver if I could simply input multiple values and have it generate multiple measurements at once.


### Example

example

Easy install

As a designer I'm not the most technically comfortable fiddle with deeply embedded application files of software.

Perhaps a single (or two) click install would be nice.

Thanks for the great plugin btw!

UX idea: Label Positioning dialog

Thanks for the great plugin. I use it almost every day - this is such a time-saver!
I noticed that I'm always using different positions for labels, especially for object "Properties". So I came up with an idea how to make the whole process 50% faster and save even more time:

label_positioning_idea4

It would be great to implement it to every label positioning setting. What do you think?

Can't add more properties

I love this plugin but am encountering an issue. I've already used it to annotate much of my design, however now when I go to get properties of something, nothing happens. I use ⌃ + ⇧ + 4 and the box for properties does not appear at all. It doesn't work when I go to the plugins menu rather than using the shortcuts either.

I'm attaching a gif showing that I'm able to get the size of an element but not the properties.

measureproperties

Bug: Spec export

Hi i'm glad that you guys are adding this function, very handy.

i understand this particular function is in beta, but thought i'd share a bug with you.

spec export function works fine but for some pages, it creates blank html documents.

i have tried to get rid of one elements at a time and re-exporting and found out that a type layer (paragraph, custom fonts) is causing the issue.

I have other custom fonts exporting ok so i'm not sure if the font is the issue?

Would be great if you guys could take a look at any bugs around font layer with spec export.

thanks for great work guys!

screen shot 2015-08-04 at 10 36 02 am
screen shot 2015-08-04 at 10 36 13 am

Remember last picked Convert Unit

it would be great if the plugin would remember the unit chosen the last time when placing new measures. You can store some information in the defaults and read from them:

var defaults = [NSUserDefaults standardUserDefaults],
    default_values = [NSMutableDictionary dictionary]

[default_values setObject:"bar" forKey:"foo"]

[defaults registerDefaults:default_values]

log([defaults objectForKey:"foo"])

tip from @bomberstudios

Get Size crashing Sketch

Hi,
I was using Measure on a few Artboards just fine. For some reason now if I choose an object and GET SIZE, Sketch sits there, shows these black boxes over the screen, and then ultimately crashes.

I copied a few Artboards into a new Sketch file and it seems like 1 Artboard is causing the issues. If the Artboard is present in the file, it will crash Sketch. On that Artboard I deleted all the spec folders as well. It still crashes.

Thoughts?

Default character space to 0

Love the shared styles for the labels, but am always changing the character spacing from the default value of 2 to 0.

Would be easier if 0 was the default.

CocoaScript Support

Good Morning / Afternoon / Night (depending on your timezone :)!

As you probably know, Sketch will switch its scripting backend from JSTalk to CocoaScript in the upcoming version 3.0.2.

As a result of this change, some plugins will stop working unless you fix them.

Guess what? Yours seems to be one of them. But worry not! We've identified some of the issues, and the fixes are easy to do (so far :)

Please take a look at the info we've compiled at https://github.com/sketchplugins/cocoascript-migration/, make your changes, and test your scripts with the latest beta. Please don't hesitate to get in touch if you need more help!

Sorry about the extra work, and thank you for your contribution to the amazing Sketch Plugins community :)

Ale M — Bohemian Coding

Silent errors / error dialog

So right now, when something fails (e.g. trying to measure distance between a layer and a group etc), there is no indication as to why "nothing has happened", or what to do in order to rectify the situation.

On a more minor (but related) note, if you select no layers (or only 1 when measuring distance) and then invoke a measure command, you get a not so helpful dialog that says "Make sure you've selected layers that."

Feature request: Assign object a specific type of label

I'd like to be able to assign, let's say a opaque rectangle used to show spacing, and actual 'Spacing' label as you would do now by selecting 2 objects and doing 3. Measure Spacing.

I love how your plugin differentiates 'Spacing' and 'Size' labels and style. But sometimes I want to create a rectangle to show spacing, select it, then go to 3. Measure spacing and have the label appear. This doesn't work tho, because the spacing only works if you select 2 objects.

If I create my spacing rectangle, and hit 2. Get size, that would get me the correct size with label. But the label would be the 'Size' type label, with a different color. I want that label to be the 'Spacing' type label. To get around this currently, I could just change the Size label style to match, but this isn't ideal.

I'm wondering if maybe by default, if you only select 1 object and hit 3. Measure Spacing, it would act just like 2. Get size, but would instead show the Spacing type label.

Does this make sense?

Tune text settings

  1. It would be nice, if the text element on guide would have white color (and no then no fill?), then the text color stays white when editing it.
  2. Also centering would be good, since I edit the guides manually quite a lot.

measure

Include Text style Name as an option in Properties

When working with Style guide it's often more useful for my developers when I just call out the style that's being used instead of defining the typeface, size, & color every time. I've built my template's styles and names to map perfectly to the CSS styles being used in the code so it would be a simple translation for them. I'd love to be able to select "Text Style" as one of the options under the properties window.

What do you think?

Shapes are generating without fills

Since the 3.2 update, when creating properties, the shape backgrounds are generating without fill color and don't even allow for the ability to add a fill to the existing shape

screen shot 2014-12-04 at 2 13 27 pm

Sketch measure broken in Sketch 3.2 (9790)

The label backgrounds no longer appear in the latest beta of Sketch (released today).. any chance it's an easy fix? I can't open my files any longer with the older version of sketch so am a bit stuck :)

Latest Sketch update broke the plugin

The latest update to Sketch (3.1) changed how multiple selection works in the application. Instead of having separate selection rectangles for each selected element, multiple selection is visualized by drawing a rectangle big enough to fit all the selected elements.

The selection rectangles is what the plugin seems to have operated on, which means it now fizzles and creates a "temp" object when in previous version it would have created a proper distance marker.

For some reason, the sizes tools broke as well — while it creates a properly placed overlayer, the other objects (size markers) are all undefined object in the top left of the canvas.

Background color on measure boxes not visible.

Just downloaded the new version of Sketch (3.2). When I add a measure item. I just get the text in white. I just want to confirm if this is an issue with sketch-measure and 3.2 or if its just something wrong on my end.

Heres what it looks like when I add an item.

Image of sketch-measure issue

How to measure space between objects?

Plugin is great. The only thing I cant figure out is how to measure the space between elements? Like in your example, the space between the graphic and the text.

Use pixels for Line Height

Was wondering why the current Line property comes up as a percentage? Think it would be better to have it display pixels, especially for CSS purposes.

What do you think?

Feature requests: generate specs on its own layer & set percentages as unit

There's very little organization for the specs and they can (as sketch does) generate off the art boards. In addition, there's gotta be some recognition for the fact that designers create responsive layouts. Need the ability to generat percentages based on the artboard/specified dimensions. Thanks!

Automatically combine measurement objects into a single layer

I find myself manually grouping all measurement elements into a single layer that I can turn on and off.

It would be helpful if these elements were automatically put into a layer called something like "Specs" so their visibility can be easily controlled.

Save color settings

Right now the color settings (style guide) reset for each time I restart Sketch. Would be great if those could be saved in the general settings of the plugin.

Thanks.

Create arbitrary labels

Would be nice to be able to create arbitrary labels anchored to layers for generic notes on design specs.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.