Giter VIP home page Giter VIP logo

pixel-perfecter-sketch-plugin's Introduction

Pixel Perfecter

This is a very simple Sketch plugin that helps you find layers that have float (pixel imperfect) X, Y, width or height properties. It will help you keep your documents cleaner, and keep your design specs tight.

There are two functions available in the plugin:

Select All Pixel Imperfect Layers

This will select all pixel imperfect layers in your current document, and show you a count of them. You can then use the Fix Selected Pixel Imperfect Layers function in Pixel Perfector to deal with them. It's also helpful just to know how many of those pesky layers hide throughout your document.

The keyboard shortcut for this function is alt + command + P

Select One Pixel Imperfect Layer

This will select only one pixel imperfect layer in your current document. It's helpful to quickly go through all the bad layers, dealing with them on an individual basis. Calling up this function repedately will cycle through the bad layers. You can then use the Layer โ†’ Round to Pixel function in Sketch to deal with them.

The keyboard shortcut for this function is ctrl + alt + command + P

Fix Selected Pixel Imperfect Layers

This will fix all selected pixel imperfect layers in your current document, and show you a count of those affected. It will ask you for the desired granularity:

  • 1.0 will round to nearest full pixels
  • 0.5 will round to nearest half pixels
  • 2.0 will round to nearest double pixels

The keyboard shortcut for this function is ctrl + alt + command + shift + P

pixel-perfecter-sketch-plugin's People

Contributors

exevil avatar jpt avatar pravdomil avatar regexident avatar swiadek 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

pixel-perfecter-sketch-plugin's Issues

Stopped working in recent versions of Sketch

As of Sketch 46.2 (and probably earlier), the following error is logged when selecting "Select All Pixel Imperfect Layers":

TypeError: doc. currentPage(). deselectAllLayers is not a function. (In 'doc. currentPage(). deselectAllLayers()', 'doc. currentPage(). deselectAllLayers' is undefined)
line: 5
sourceURL: all.cocoascript
column: 39
stack: [email protected]:5:39

Lines were still in decimals

I've been working with a design where my lines need to be fit in with full pixels instead of .5 half pixels. But the plugin seems doesn't work with the lines containing half pixels. Any workaround or solution that I need to consider ?

Better Name

Pixel Perfecter sounds clunky and doesn't do a good job of explaining what the plugin does. I welcome any suggestions.

Fixits

Wouldn't it be nice if in addition to merely selecting imperfectly placed elements the plugin would also offer support for actually fixing the selected elements for you in a batch?

Something like Round to nearest: 1.0 where 1.0 would be the given "grid-size" you want your stuff to be rounded to. So to allow for sub-pixels you would choose 0.5 instead, etc.

Option to use previous pixel setting

I don't want to choose 1.0/2.0/0.5 every single time I run the command. I was hoping there could be a mode that just remembers what the last setting was.

Could we please add an additional menu item that uses the parameter from the last setting, as follows?

  • Select all pixel imperfect layers
  • select one pixel imperfect layer
  • fix selected pixel imperfect layers
  • fix select pixel imperfect layers (use last setting) <-- new

Ignore text layers whose height is not integral

The height of my text layers is rarely integral โ€” I'm using a modular type scale and using fractional line heights. So I don't care about those layers unless the position is not integral. It would be great to have an option to ignore text layers whose height is non-integral.

Support Sketch 45 plugin update system

Hi there!

This is a quick note to remind you that Sketch 45 will include a plugin update system.

It would be awesome if you could add support to it (it's really easy!) before Sketch 45 comes out. Ideally, you should release an update for your plugin while we're still in Sketch 44, so your users will have a nice & easy experience when 45 is released.

For more details, please check http://sketchplugins.com/d/229-updating-plugins and http://developer.sketchapp.com/introduction/updating-plugins/

Thanks in advance!

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.