Giter Site home page Giter Site logo

sketch-resize's Introduction

Sketch Resize

Sketch Resize

Resize (not scale) multiple layers at once via shortcut

Sketch Resize is a plugin made for Sketch. It provides unproportional, unconstrained resize for multiple selected layer. It's triggered via shortcut, and doesn't require to reach nor focus the inspector panel.

Given a selection containing multiple layers, Resize tries to avoid the following limitations:

  • The scale layers feature (cmd+k) affects width, height, and some other properties at once, proportionally
  • After focusing the inspector panel via shortcut (alt+tab), in order to resize anything we need to tab twice, enter the width, tab once, enter the height, blur the panel (or press enter)
  • The inspector panel could be very far away from the current position of the mouse cursor
  • Nudging and dragging could be slow, or imprecise

Follow me on Twitter @lucaorio_ for updates, help and other stuff! ๐ŸŽ‰

Looking for other plugins? Give these a try! ๐Ÿ˜Ž

Sketch Styles Generator Sketch Reverse

Contents

Installation

Manual

  • Download the latest release of the plugin sketch-resize.zip
  • Uncompress the downloaded file
  • Double-click Sketch Resize.sketchplugin to install

Via Sketch Runner

  • Trigger Sketch Runner (cmd+')
  • Move to the Install tab
  • Search for Resize, and install

Usage

  • Select layer(s)
  • Run the plugin by clicking Plugins->Resize->Resize Elements, or by using the ctrl+cmd+k shortcut
  • Specify the new dimension(s), and press enter to confirm

Some additional notes

  • The plugin can be used on single layers, too
  • Width/height can be both declared at once. Leaving a field empty, or in its default state (%w/%h) will skip the related dimension
  • Width/height input fields accepts basic math operations (ie.%w+%h+(10+20)-8/4*2), where %w/%h are references to the original size of each layer
  • Press tab to focus between the width/height input fields, and cancel/confirm buttons
  • Press esc to close the panel and leave the dimensions unchanged
  • Pressing enter will always trigger the confirm button, no matter the focused element

Resize Usage

Integrations

Sketch Resize is fully integrated with Sketch Runner, the ultimate tool to speed up your Sketch workflow. You can trigger the plugin by simply typing its name.

Sketch Runner Integration

License

https://github.com/lucaorio/sketch-resize/blob/master/license


Contacts

sketch-resize's People

Contributors

lucaorio 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

Watchers

 avatar  avatar

Forkers

usermonk

sketch-resize's Issues

[Feature Request] Resize from current dimensions

This plugin would be really useful if it could use the object's current width or height as a wildcard for math operations.

Let's say I have 3 rectangles with the dimensions:
32x32, 64x32, 128x32.

I want to make them all 32 pixels wider. So in the width field:
Width = '%w+32'
and would get:
64x32, 96x32, 160x32.

Or, I could use the width value in the height field to get proportioned objects:
Height = '%w*9/16'
and would get:
32x18, 64x36, 128x72

That'd be awesome, right?

Add support for Top, Bottom, Left, Right anchors

Ciao Luca,awesome job with the plugin. Kudos to you.

I was wondering if it's possible in a next release to have the resizing anchoring point support.
Currently using the Sketch UI I'm able to set the anchor point from which the resizing action propagates by just adding one of the following t=Top, b= Bottom, l=:Left ,r=Right.

Add %w+8r will add 8 new pixels on the lefthand side of the object keeping the right point anchored (hence the R)

Is this something you'd consider?

Not working in Sketch 74.1

The plugin doesn't open when the resize command is given.

Sketch 74.1
macOS 11.5.1
sketch-resize 2.1.0

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.