Skip to content

Plugin that align layer relative to more options for Bohemian Coding's Sketch 3

Notifications You must be signed in to change notification settings

LucienLee/AlignTo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Align To

Plugin that align object relative to more options for Bohemian Coding's Sketch 3. It provides that align relative to key object in Sketch 3.

Because original align function in Sketch only provide that align to a selection and an Artboard, this plugin port illustrator's function of align to key objects.

DEMO Video

demo

Feature

  • Align left relative to key object
  • Align right relative to key object
  • Align top relative to key object
  • Align bottom relative to key object
  • Align horizontal center relative to key object
  • Align vertical center relative to key object
  • Align horizontal and vertical center relative to key object
  • Align layers automatically with bottom or top layer of a group layers

Installation

Install by Sketchpacks (🌟recommended)

Install PLUGIN NAME with Sketchpacks

Intall by Sketch Toolbox

Use Sketch Toolbox to search AlignTo and click install.

Install manually

  1. Download the latest release and open it
  2. Navigate the Sketch menu bar to Plugins ▸ Reveal Plugins Folder
  3. Place AlignTo directory into the revealed plugins directory

How to use

Select all layers you want to align, then select Plugins ▸ AlignTo in the Sketch menu bar. Next, select align method and which layer as key layer.

Setting

You can choose how "Align To" select the key object in Setting.
Align To provide three modes to select the key object, which are selecting manually, selecting the bottom layer automatically and selecting the top layer automatically. The default setting is using modal to select key object manually.

To change the setting, select Plugins ▸ AlignTo ▸ Setting in the Sketch menu bar.

setting

Keyboard Shortcut

  • Align left relative to key object: CMD + Option + Ctrl + l
  • Align right relative to key object: CMD + Option + Ctrl + r
  • Align top relative to key object: CMD + Option + Ctrl + t
  • Align bottom relative to key object: CMD + Option + Ctrl + b
  • Align horizontal center relative to key object: CMD + Option + Ctrl + h
  • Align vertical center relative to key object: CMD + Option + Ctrl + v
  • Align vertical and horizontal center relative to key object: CMD + Option + Ctrl + a

Change Shortcut

Open AlignTo directory, then open manifest.json file with text editor. Change shortcut you want in the command lists.

change shortcut

Credits

Thanks @romannurik and @abynim 's plugins to make this plugin possible.

Feedback

If you discover any issues or have questions regarding usage, please send a message to lucien@lucienlee.cc

About

Plugin that align layer relative to more options for Bohemian Coding's Sketch 3

Resources

Stars

Watchers

Forks

Packages

No packages published