About Tidy Ruler
Tidy Ruler is a free Figma plugin published by Marcello Paiva in 2020. It works in Figma Design and has 26,879 users and 77 likes on the Figma Community.
In the developer's words
Tidy Ruler is a Figma plugin that can wrap your Figma layers in a configurable ruler with accurate pixel measurements.
Getting Started
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.
Options
- Increment: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 support
If you find this plugin useful, feel free to buy me a 🍺 at my Patreon page. Thanks! 🙏
Contribute
- Run
yarnto install dependencies. - Run
yarn build:watchto 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
What's new
Version 1 · released Dec 16, 2020
The developer didn't publish release notes for this version.
Permissions and privacy
Network access
This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.
Extra permissions
None beyond the standard access to the file you run it in.
Read from the plugin's published manifest. Questions about data handling go to the developer's support page.
Tidy Ruler alternatives
- 1
Figma to Code
by Bernardo Ferrari
2.4M users8.9KFreeCode Conversion Made Easy: Figma to Web & Apps
- 2
Anima
by Anima
1.9M users18KFreeAnima - AI Design to code, Vibe code, Vibe design
- 3
Builder.io
by Steve Sewell
1.3M users23KFreeExport designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
- 4
Figma to HTML with Framer
by Framer
643K users12KFreeConvert your Figma design to HTML code in seconds with Framer.
- 5
SkewDat
by Unfold
640K users7.3KFree + $2/mo upgradeSkew any layer or group with all layers preserved to edit.
- 6
Locofy Lightning
by Locofy.ai
608K users5.4KFreeConvert Figma designs to code in a flash: React, React Native, Flutter, HTML/CSS, Angular, Next, Vue
Tidy Ruler FAQ
What does Tidy Ruler do?
It's a Figma plugin by Marcello Paiva that runs in Figma Design.
Is Tidy Ruler free?
Yes. Tidy Ruler is free to install and run from the Figma Community, with no paid tier listed.
How do I install Tidy Ruler?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Tidy Ruler?
By user count, the closest alternatives are Figma to Code, Anima and Builder.io.
Built this plugin?
Use this page as a landing page for Tidy Ruler: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/tidy-ruler/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Tidy Ruler on figmaplugins.co" width="220" height="48"></a>Want it featured on figmaplugins.co? Submit it for review