Add single borders in Sketch App with advanced controls.
Switch branches/tags
Nothing to show
Clone or download
Latest commit e2ff9bc Aug 4, 2018
Permalink
Failed to load latest commit information.
Single-Border.sketchplugin/Contents v1.5 Updates Aug 3, 2018
assets v1.5 Updates Aug 3, 2018
README.md v1.5 Updates Aug 3, 2018

README.md

Single Border v1.5 ⌘ + shift + B

Add single borders in Sketch App with advanced controls.

Features

Add basic single borders to any selected layer. Single Border example Single Border example

Border colors can be changed after quiting the plugin. Just select the border (shape) and update fill to your desired color.

When borders are applied to adjacent sides, instead of borders overlapping, a diagonal line is generated which divides both the borders (like in CSS). When the borders are of same color, this division wont be visible. Single Border example

You can also set the border position to Inside, Center and Outside. Single Border example Single Border example

Single Border plugin lets you apply borders individually to any side and also assign thier position individually. Single Border example Single Border example

Tips

Using the new resizing options (fixed width / height), you can couple the border with the layer so that when you rezise the layer, border stays in place.

Single Border example

Installation

Make sure you have the latest version of Sketch installed. (Sketch 40+)

  1. Download the ZIP file of this repository
  2. Double click on Single-Border.sketchplugin

Contact me

Feel free to contact me for any suggestions or critique.

Email: sures.srinivasan@gmail.com

Portfolio