Back to Plugins
Pixel Perfect

Pixel Perfect

With just one click, align all elements within the UI to multiples of four

4 point gridpixel perfectgrid4pixelperfectperfect pixel

Plugin Preview

Pixel Perfect 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

Version6
CreatedMarch 27, 2024
Last UpdatedOctober 28, 2025
Categoryediting & effects plugins
CreatorDesignbase
Stats427 installs, 59 likes
PricingFree

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