GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → pratikjshah → Sketch-Guides

pratikjshah / Sketch-Guides

Licence: MIT license
Quickly generate Guides for a selected element in Sketch

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

material-designbootstrap-gridsketch-pluginguidesps-guidespratik-shah

Projects that are alternatives of or similar to Sketch-Guides

sketch-bootstrap-helpers
Helpers plugin to work with bootstrap grid in Sketch
Stars: ✭ 16 (-78.38%)
Mutual labels:  bootstrap-grid, sketch-plugin
Sketch-Resize-Commands
A Sketch plugin that lets you resize and reposition objects by using simple arithmetic commands, like `b+20,lr+20`. Multiple objects are supported.
Stars: ✭ 32 (-56.76%)
Mutual labels:  sketch-plugin
sketch-colorfulgradients
🔶 Import colorful gradients as shape fills in Sketch
Stars: ✭ 69 (-6.76%)
Mutual labels:  sketch-plugin
docs
The documentation for Firefly III
Stars: ✭ 30 (-59.46%)
Mutual labels:  guides
library-replacer-sketchplugin
A Sketch plugin that allows you to replace a library in a Sketch file
Stars: ✭ 19 (-74.32%)
Mutual labels:  sketch-plugin
Sketch-PageNumbers
Sketch plugin for adding page numbers to artboards.
Stars: ✭ 27 (-63.51%)
Mutual labels:  sketch-plugin
sketch-wcag
A Sketch plugin that let’s you test an entire color palette against the WCAG 2.0 contrast guidelines.
Stars: ✭ 27 (-63.51%)
Mutual labels:  sketch-plugin
context-sketch-plugin
Count character, words, and paragraphs from a text layer easily inside Sketch!
Stars: ✭ 13 (-82.43%)
Mutual labels:  sketch-plugin
Sketch-Navigator
"Sketch Navigator lets you quickly jump to any specific artboard without having to scan the all too easily cluttered Layers List in the app’s left-hand pane." - Khoi Vinh
Stars: ✭ 160 (+116.22%)
Mutual labels:  sketch-plugin
library-styles-sync
sync shared styles from a Sketch Library to the current document
Stars: ✭ 70 (-5.41%)
Mutual labels:  sketch-plugin
uiLogos-sketch-plugin
Sketch plugin to Insert professionally designed dummy logos of companies and 190+ country flag into SketchApp
Stars: ✭ 26 (-64.86%)
Mutual labels:  sketch-plugin
methods-guides
EGAP methods guides
Stars: ✭ 20 (-72.97%)
Mutual labels:  guides
sketch-pages-to-folders
Sketch plugin that exports all the artboards of a Sketch file into folders, which are based on the pages of the Sketch file.
Stars: ✭ 56 (-24.32%)
Mutual labels:  sketch-plugin
sketch-crowdin
Connect your Sketch and Crowdin projects together
Stars: ✭ 35 (-52.7%)
Mutual labels:  sketch-plugin
Sketch-Highlighter
Sketch plugin that generates highlights for selected text layers
Stars: ✭ 41 (-44.59%)
Mutual labels:  sketch-plugin
sketch-test-inspector
Helper utils and plugin for running unit tests on sketch plugins
Stars: ✭ 18 (-75.68%)
Mutual labels:  sketch-plugin
sketch-action-api-tester
A plugin to listen to all the events in the Action API
Stars: ✭ 26 (-64.86%)
Mutual labels:  sketch-plugin
pendo-mobile-ios
Pendo captures product usage data, gathers user feedback, and lets you communicate in-app to onboard, educate, and guide users to value
Stars: ✭ 31 (-58.11%)
Mutual labels:  guides
sketch-translate-me
Plugin to translate Sketch files in any language
Stars: ✭ 73 (-1.35%)
Mutual labels:  sketch-plugin
RemoveAllGuides
Plugin for Sketch App.
Stars: ✭ 21 (-71.62%)
Mutual labels:  sketch-plugin
View All Similar Projects ➔

📐Guides: Sketch plugin

Quickly generate Guides for a selected element. It is tedious to create guides for a layer using sketch's default layout setting, so this is my attempt to ease that effort.

See 📐Guides in action!

Install

PS-Guides supports Sketch 3.8+ ([why?] Because I haven't tested in older versions! 😛)

  1. Download the ZIP ⬇️
  2. Unzip, open the folder and double click PS Guides.sketchplugin
  3. 🤘Done, you are good to go! Just press [cmd + shift + \]

Change the keyboard shortcuts

If you’re not a fan of the keyboard shortcuts 📐-Guides ships with, you can change them in System Preferences > Keyboard > Shortcuts. Add a new item for Sketch.app named either Setup Guides or Clear Guides and create a new one.

Keyboard shortcuts in the system preferences

Notes

  • Material and/or Bootstrap column layout is the most widely used standard for designs.
  • This came to me because I felt that there isn't a clean solution available to do grids for layers (and I had no plans on a Weekend).

License

PS-Guides is released under the MIT LICENSE.

About

PS-Guides is made by Pratik Shah.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].