sketch-relabel-button

KO | EN

gitlite — search

#hacktoberfest #react #ai #typescript #golang #go #machine-learning #rust #docker #java #windows #awesome #awesome-list #open-source

sketch-relabel-button

(★ 353)

Plugin for Sketch.app to relabel and automatically resize a button (or similar grouped set of layers)

파일 탐색기

최종 버전 다운로드 (.zip)

LICENSE
README.md
Relabel Button Guidelines.sketch
relabel-button-video1.png

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Relabel Button plugin for Sketch

The Relabel Button plug-in for [Sketch.app](http://bohemiancoding.com/sketch/) prompts for a button's new label then applies the text, resizes the button background and repositions any other interior elements while maintaining the existing padding.

## Demo

[![Have a look...](https://raw.githubusercontent.com/kenmoore/sketch-relabel-button/master/relabel-button-video1.png)](http://www.youtube.com/watch?v=14IKFvKiNqM)

## Usage

* Select any group or symbol that contains a text layer and one or more other layers (dividers, icons, drop-arrows, etc)
* Press Cmd+J and enter the new text for the button (or Cmd+Ctrl+J for right aligned resize)

That's it!  The text and other objects will be updated maintaining the button's original padding and relative layout.

## Guidelines

* nested groups not supported
* for symbols, elements SHOULD NOT be placed within a group
* for symbols, child elements should have Resizing set to Pin To Corner so they do not get shrunk/stretched
* see the [Relabel Button Guidelines](https://github.com/kenmoore/sketch-relabel-button/raw/master/Relabel%20Button%20Guidelines.sketch) Sketch file for example buttons

## Changing the Default Keyboard Shortcut

1. Choose "Reveal Plugins Folder..." from Sketch's Plugins menu.
2. Open the file "Relabel Button.sketchplugin" in a text editor.
3. Edit the shortcut specifications in `manifest.json`:

```
"shortcut" : "command j",
```

## Credits

Many thanks to [Alexander Kudymov](https://github.com/ddwht), who wrote the [Dynamic Button plugin](https://github.com/ddwht/sketch-dynamic-button) which I modified.

Also thanks to [@fuggfuggfugg](https://github.com/fuggfuggfugg), who graciously shared useful code for manipulating symbols.

[Twitter](https://twitter.com/itskenmoore)

sketch-relabel-button

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

sketch-relabel-button

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README