Find decimal point

About this plugin

The Decimal Point Detector is a useful tool for designers working with Figma. It automates the process of locating and highlighting components on your Figma pages that have decimal points in their x, y, width, or height properties. These components are typically difficult to align perfectly on a pixel grid and might cause issues with your design layout.

Upon running the plugin, it traverses through each element on your Figma project pages. If it finds any components with decimal points, it places a customizable warning box over them with the text "DO NOT USE DECIMAL POINT". This clear visual indicator can help you quickly identify and fix any elements causing potential issues.

The warning box and text colors are customizable through a simple user interface. Users can choose their preferred color for the box and the warning text. By default, the warning box color is yellow (#FFCC00) and the warning text color is red (#FF0000). These colors can be adjusted using the color input fields in the UI, allowing for a personalized user experience.

If no components with decimal points are found in your project, the plugin will send a notification stating "Perfect components!", offering you reassurance about your design consistency.

The Decimal Point Detector plugin is an invaluable tool for maintaining precision and avoiding potential alignment issues in your Figma designs. It streamlines the design process by automating an essential aspect of design consistency, allowing you to focus on your creative process.