Back to Plugins
Guides inspector

Guides inspector

The Guides inspector is complete control over the guides! ✅ You can: - Create / Delete guides. - Copy / Paste guides of the frame. - Generate grids from guides. - Create guide templates for later use. - Adjust the position of the guides with high accuracy. ⚠ Changes on the canvas are sometimes displayed only after you hover over it. This bug should be fixed soon. About the Create Guides window: ⚠ To get into it, you need to click on the name of the frame. 1. The Margin parameter is specified in the following order: margin-top, margin-right, margin-bottom, margin-left. 2. Some parameters support the "auto" value. It can be used, for example, to center the columns by setting the margin-left and margin-right parameters to "auto". If you specify it only for margin-left, and margin-right set to 0, then the columns will be pressed to the right edge. ⚠ When applying the template, - if its parameters are not suitable for the selected frame, - they will be adjusted. For example, if the template contains 10 columns with a width of 100px, and the frame has a width of only 500px, then the number of columns will be reduced to 5. ___ A demo video with an example of usage can be found here: producthunt.com/posts/guides-inspector-figma-plugin

generatorcreateframeguidegridtemplatefree

Plugin Preview

Guides inspector preview

About this plugin

The Guides inspector is complete control over the guides! ✅ You can: - Create / Delete guides. - Copy / Paste guides of the frame. - Generate grids from guides. - Create guide templates for later use. - Adjust the position of the guides with high accuracy. ⚠ Changes on the canvas are sometimes displayed only after you hover over it. This bug should be fixed soon. About the Create Guides window: ⚠ To get into it, you need to click on the name of the frame. 1. The Margin parameter is specified in the following order: margin-top, margin-right, margin-bottom, margin-left. 2. Some parameters support the "auto" value. It can be used, for example, to center the columns by setting the margin-left and margin-right parameters to "auto". If you specify it only for margin-left, and margin-right set to 0, then the columns will be pressed to the right edge. ⚠ When applying the template, - if its parameters are not suitable for the selected frame, - they will be adjusted. For example, if the template contains 10 columns with a width of 100px, and the frame has a width of only 500px, then the number of columns will be reduced to 5. ___ A demo video with an example of usage can be found here: producthunt.com/posts/guides-inspector-figma-plugin

Plugin Details

Version6
CreatedOctober 8, 2019
Last UpdatedFebruary 22, 2020
CategoryUncategorized
CreatorAndreslav Kozlov
Stats4558 installs, 108 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.