A Sketch plugin that distributes selected objects vertically or horizontally with a specified spacing between objects edges or centers (as the formerly available “boxed” setting in Sketch Grid).
Like so:
Installation
Or if you use Runner, it can install this plugin as well.
Or, do it manually:
- Download this zip archive
- Unzip
- Double-click the
.sketchplugin
package.
How-to
You select the objects you want to distribute, then ask Distributor to do it:
- Distribute Horizontally … (CTRL+OPTION+H), brings up the Distributor dialog box with horizontal distribution preselected. You specify spacing (in pixels).
- Distribute Vertically … CTRL+OPTION+V, same as above for vertical distribution.
- Distribute again (CTRL+OPTION+A) applies the last used distribution settings on the selected objects.
- Distribute … (CTRL+OPTION+D), same dialog box as above, remembering the last distribution direction. (Mostly here for legacy reasons.)
The distribution depicted above you get by typing CTRL+OPTION+V, 10
, ⮐. Your fingers can stay on the keyboard.
Note that you can use negative spacing to get overlap:
(CTRL+OPTION+H, -14
, ⮐)
It Works with Runner
If you are using the amazing Runner plugin you can also access the Distributor commands from there:
Bugs / Comments / Questions / Suggestions
Is the plugin misbehaving? File an issue. Have a suggestion? File an issue. You can pretty much file an issue for whatever reason. Please include the version of the plugin you are using if you think it could be relevant (it most often is). There is also Twitter @PappaPEZ
Known Issues
The plugin can’t help with distributing rotated layers correctly. See issue #10. Also some shapes have a strange bounding rectangle according to Sketch. That makes them distribute less perfectly especially in vertical direction. Hoping for the Sketch API to soon make it possible to handle both these cases.
Sketch Community Attention
This little plugin is surprisingly often present in various Top X Sketch Productivity plugins articles. Too many to list here, but here are a few that got me smiling and almost bursting:
- It makes it into Mochplus’ 10 Best Sketch Plugins for UX/UI Designers in 2018
- SketchDistributor snatches the #1 spot in The ultimate Sketch plugins list for productivity in 2017 by Andrea Pacheco.
- It is mentioned as a valuable tool in Yaroslav Zubko’s excellent piece, A Practical Guide To Convert Your Sketches To Working Prototypes.
- LevelUpTuts made a video showing how SketchDistributor can improve the workflow. (The plugin is a few steps improved on the workflow support since.)