praneshr / guidemate

Guide Mate is a Figma plugin which helps you to add condition based grids to your designs.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Guide Mate

Guide Mate is a Figma plugin which makes adding guides to your frames or shapes super easy. It provides shortcuts to add most commonly used guides and a form to add custom guides. It will be an excellent companion when you're working with grid based design systems.

Install

Install it from the Figma Plugin Store.

Usage

  • Select a frame, group or shape.
  • Open Guide Mate from the plugins menu.
  • Click on one of the icon in the shortcut panel to add left, right, top, bottom or midpoint guides.
  • Enter details in the form and click on "Add Guides" to generate custom guides.

Limitations

  • At least one frame or group or shape should be selected before using the plugin.
  • Multi selection is not supported. Instead, you can group the items and use the plugin.
  • Any selected items should be inside a frame. Page level guides are not supported yet.

In Action

Guide Mate in action

Upcoming Updates

  • Ability to add page level guides.
  • Ability to pre-populate form will last used values.
  • Ability to clear all input values with a click.
  • Ability to save most used guide parameters locally.

Inspiration

Support

Guide mate will be free forever. If you enjoyed Guide Mate, please consider buying me a coffee by pressing the button below. A small contribution will encourage me to work on more cool things.

License

Apache-2.0

About

Guide Mate is a Figma plugin which helps you to add condition based grids to your designs.

License:Apache License 2.0


Languages

Language:TypeScript 93.0%Language:JavaScript 5.4%Language:HTML 1.7%