I meant when the artbaord is graded into 6x6 grid, and shape's bottom boundary is touching the grid line, but not overlapping: http://prntscr.com/nyh3so

Hi, Anmol,

In company I work, we have a rule to land odd shapes on top of the grid-line. This way designed content preserves 6px grid structure (in our case we use 6px grid). Spacing between top and bottom becomes uneven, but it lets us easer track visual bugs.

This rule applies only when working in graphic editors like Sketch. Actual React components have defined margins by power of 6.

I think the plugin is great. It's definitely worth trying out especially, if you design responsive solutions every day. I don't see anything wrong how Protowire share their plugin, seems a reasonable trade to me, if people are so scared of sharing their contact, then there's a plenty of other workarounds how to trick a system...

Somewhat they remind me of Power Pop Girls.. :)

My heavyweight work file (~200mb) started lagging a bit after the update to Sketch 49 :( Probably, I'll stick with 48.2 until another update comes out.

Design System is a set of rules that defines how brand elements work and behave together. I would say it doesn't really matter where these rules are defined (docs, code, etc) as long they work.

Looks nice, though it's hard to comment more without seeing a real demo. If it really works, I would use it. Best of luck!

Hi, Zulal,

There are few plugins that help organising shared styles.

Library Style Sync helps to import styles from the lib: https://github.com/zeroheight/library-styles-sync

Fix styles remove style duplicates: https://github.com/dinozavrix/sketch_fix_styles

Yeah, we keep very similar folder structure as well, while individual files are named with date, e.g.: notifications.19-10.sketch. This way it's easy to identity the latest version and at the same time it prevents silly names like "final_15".