Back to Plugins
4x Perfect

4x Perfect

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

4 point gridpixel perfectgrid4pixelperfectperfect pixel

Plugin Preview

4x 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 Features

Automatic 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 Use

Adjust 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

Version5
CreatedMarch 27, 2024
Last UpdatedOctober 26, 2024
Categoryediting & effects plugins
CreatorDesignbase
Stats296 installs, 45 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