Back to Plugins
Tidy Ruler

Tidy Ruler

Tidy Ruler is a Figma plugin that can wrap your Figma layers in a configurable ruler with accurate pixel measurements.Getting StartedWhen 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.OptionsIncrement: The increment of each ruler mark in pixels.Offset: The hierarchy levels in which your components will be organized.Color: The color of the ruler.Opacity: The opacity of the ruler.Found a bug or have an idea?This is a team of one, but if you have any good ideas or constructive feedback, please do not hesitate to share your thoughts by creating a new issue - screen captures are welcomed.Show your supportIf you find this plugin useful, feel free to buy me a 🍺 at my Patreon page. Thanks! 🙏ContributeRun yarn to install dependencies.Run yarn build:watch to start webpack in watch mode.Open Figma > Plugins > Development > New Plugin... and choose manifest.json file from this repo.Create a Pull Request for your branch

layersmeasuretidymeasurementpixelruler

Plugin Preview

Tidy Ruler preview

About this plugin

Tidy Ruler is a Figma plugin that can wrap your Figma layers in a configurable ruler with accurate pixel measurements.Getting StartedWhen 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.OptionsIncrement: The increment of each ruler mark in pixels.Offset: The hierarchy levels in which your components will be organized.Color: The color of the ruler.Opacity: The opacity of the ruler.Found a bug or have an idea?This is a team of one, but if you have any good ideas or constructive feedback, please do not hesitate to share your thoughts by creating a new issue - screen captures are welcomed.Show your supportIf you find this plugin useful, feel free to buy me a 🍺 at my Patreon page. Thanks! 🙏ContributeRun yarn to install dependencies.Run yarn build:watch to start webpack in watch mode.Open Figma > Plugins > Development > New Plugin... and choose manifest.json file from this repo.Create a Pull Request for your branch

Plugin Details

Version1
CreatedDecember 16, 2020
Last UpdatedDecember 16, 2020
CategorySoftware development
CreatorMarcello Paiva
Stats2800 installs, 76 likes
PricingFree

Technical Details

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