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
Plugin 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
| Version | 1 |
|---|---|
| Created | December 16, 2020 |
| Last Updated | December 16, 2020 |
| Category | Software development |
| Creator | Marcello Paiva |
| Stats | 2800 installs, 76 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 Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.