https://github.com/praneshr/guidemate

Guide Mate is a Figma plugin which helps you to add condition based grids to your designs.
https://github.com/praneshr/guidemate

figma figma-plugins lit-element lit-html polymer webcomponents

Last synced: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/praneshr/guidemate
• Owner: praneshr
• License: apache-2.0
• Created: 2019-08-03T04:40:04.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-04T05:57:00.000Z (about 2 years ago)
• Last Synced: 2024-10-04T15:42:30.935Z (3 months ago)
• Topics: figma, figma-plugins, lit-element, lit-html, polymer, webcomponents
• Language: TypeScript
• Homepage:
• Size: 1.29 MB
• Stars: 15
• Watchers: 2
• Forks: 0
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![Guide Mate](https://i.ibb.co/R6V6qkZ/Banner.png)

Guide Mate is a [Figma](https://figma.com) 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](https://www.figma.com/c/plugin/739342962452731553/Guide-Mate).

## 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](https://i.ibb.co/cY42cZ6/ezgif-com-video-to-gif.gif)

## 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

- [Guide Guide](https://guideguide.me/)

## 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