Skip to content

sureskumar/single-border

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 

Single Border v1.7 ⌘ + 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

About

Add single borders in Sketch App with advanced controls.

Resources

Stars

Watchers

Forks

Packages

No packages published