Pixel Perfect
With just one click, align all elements within the UI to multiples of four
Plugin Preview
About this plugin
With a single click, it adjusts the size and position of all elements to the nearest multiple of four, helping to enhance the consistency and precision of your designs.Key FeaturesAutomatic Precision Alignment: If an element’s size is not a multiple of four, it is adjusted to the nearest multiple. For example, elements with a width or height of 7 are adjusted to 8, and those at 5 are adjusted to 4.Decimal Handling: Sizes including decimals are rounded to the nearest multiple of four. For example, 9.1 becomes 8.Auto Layout Preservation: The size of elements set to 'Auto' remains unchanged, preserving the flexibility of your designs.Exact Positioning: The x and y positions of elements are rounded to eliminate decimals, ensuring perfect pixel alignment.How to UseAdjust Individual Elements: Select a specific element and run the plugin to automatically adjust all sub-elements within it.Adjust Entire Page: Running the plugin without selecting any elements will automatically adjust all elements on the current page.Multilingual Support:supports English, Korean, Japanese, and Chinese, making it accessible to a global user base."4x Perfect"는 한 번의 클릭으로 모든 요소의 크기와 위치를 정확한 4의 배수 근사치로 조정함으로써, 디자인의 일관성과 정밀도를 높이는 데 도움을 줍니다.주요 기능자동 정밀 조정 : 요소의 크기가 4의 배수가 아닐 경우, 가장 가까운 4의 배수로 조정합니다. 예를 들어, 너비나 높이가 7인 요소는 8로, 5는 4로 조정됩니다.소수점 처리 : 소수점을 포함하는 크기도 가장 가까운 4의 배수 값으로 조정됩니다. 예를 들어, 9.1은 8로 조정됩니다.자동 레이아웃 미조정 : 'Auto'로 설정된 요소의 크기는 변경되지 않아, 디자인의 유연성을 유지합니다.정밀 위치 조정 : 요소의 x, y축 위치는 소수점을 제거하고 정수로 조정하여, 픽셀 단위로 완벽한 정렬을 보장합니다.사용 방법개별 요소 조정: 특정 요소를 선택하고 플러그인을 실행하면, 선택된 요소 내의 모든 하위 요소가 자동으로 조정됩니다.전체 페이지 조정: 아무 요소도 선택하지 않고 플러그인을 실행하면, 현재 페이지의 모든 요소가 자동으로 조정됩니다.다국어 지원: 영어, 한국어, 일본어, 중국어를 포함한 4개 국어를 지원하여, 글로벌 사용자들이 편리하게 사용할 수 있도록 합니다.
Plugin Details
| Version | 6 |
|---|---|
| Created | March 27, 2024 |
| Last Updated | October 28, 2025 |
| Category | editing & effects plugins |
| Creator | Designbase |
| Stats | 427 installs, 59 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Editor Types:figma
- Allowed Domains:
- https://cdn.jsdelivr.net
- https://fonts.googleapis.com
More Like This
Discover other plugins in the editing & effects plugins category.