Tidy Ruler

<p>Tidy Ruler is a Figma plugin that can wrap your Figma layers in a configurable ruler with accurate pixel measurements.</p><p><br></p><h1>Getting Started</h1><p>When you first open the plugin, you are presented with a set of pre-defined parameters that can be used as-is to show you what is possible.</p><p><br></p><h1>Options</h1><ul><li><strong>Increment: </strong>The increment of each ruler mark in pixels.</li><li><strong>Offset: </strong>The hierarchy levels in which your components will be organized.</li><li><strong>Color: </strong>The color of the ruler.</li><li><strong>Opacity: </strong>The opacity of the ruler.</li></ul><p><br></p><h1>Found a bug or have an idea?</h1><p>This is a team of&nbsp;one, but if you have any good ideas or constructive feedback, please do not hesitate to share your thoughts&nbsp;<a href="https://github.com/cross-team/figma-ruler/issues/new" rel="noreferrer noopener nofollow" target="_blank">by creating a new issue</a>&nbsp;- screen captures are welcomed.</p><p><br></p><h1>Show your support</h1><p>If you find this plugin useful, feel free to&nbsp;<a href="https://www.patreon.com/mpaiva" rel="noreferrer noopener nofollow" target="_blank">buy me a&nbsp;🍺</a>&nbsp;at my Patreon page. Thanks!&nbsp;🙏</p><p><br></p><h1>Contribute</h1><ul><li>Run&nbsp;<code>yarn</code>&nbsp;to install dependencies.</li><li>Run&nbsp;<code>yarn build:watch</code>&nbsp;to start webpack in watch mode.</li><li>Open&nbsp;<code>Figma</code>&nbsp;&gt;&nbsp;<code>Plugins</code>&nbsp;&gt;&nbsp;<code>Development</code>&nbsp;&gt;&nbsp;<code>New Plugin...</code>&nbsp;and choose manifest.json file from this repo.</li><li>Create a Pull Request for your branch</li></ul><p><br></p>