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
Plugin 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
Version | 6 |
---|---|
Created | October 8, 2019 |
Last Updated | February 22, 2020 |
Category | Uncategorized |
Creator | Andreslav Kozlov |
Stats | 4558 installs, 108 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
More Like This
Discover other plugins in the same category.