Clip Checker

About this plugin

☀︎안녕하세요!☀︎

Clip Checker는 Figma에서 "Clip contents" 설정으로 인해 숨겨진 콘텐츠(clipped layers)를 자동으로 감지하고, 개발자 handoff 과정에서의 디자인 누락을 방지할 수 있도록 도와주는 Figma 플러그인입니다.

개발자 모드에서도 보이지 않는 요소를 쉽게 시각화하고, 클릭 한 번으로 상세 정보를 확인할 수 있어 실무에서 매우 유용해요.

🔍 주요 기능은 다음과 같아요.

1. 자동 감지

Clip contents가 활성화된 모든 프레임을 스캔하여 숨겨진(clipped) 콘텐츠를 자동 탐지합니다.

2. 시각적 인디케이터 표시

잘린 콘텐츠가 있는 프레임 하단에 알림 배지를 삽입하여 한눈에 문제를 파악할 수 있습니다.

3. 상세 정보 확인

인디케이터 클릭 시, 다음 정보를 확인할 수 있습니다:

└ 요소 이름, 요소 타입, 클립된 높이(px) 등

4. 임시 프레임 확장 기능

디자인을 변경하지 않고도 프레임을 일시적으로 확장하여 숨겨진 콘텐츠를 미리 확인할 수 있습니다.

5. 리포트 출력 (개발자용)

클립된 요소 정보를 기반으로 디자인 전달용 리포트(HTML/CSV)를 자동 생성하여 개발자 협업 시 누락 방지에 활용/개발자에게 전달 용도로 사용됩니다.

🧩 이런 분들이 사용해 보시는 건 어떨까요?

1. Figma 디자인 파일 내 숨겨진 콘텐츠 누락을 사전에 점검하고 싶은 디자이너

2. 개발자에게 전달 전, 클립된 레이어로 인한 오류를 사전 검수하고 싶은 팀

3. 자동화된 Figma hidden layer 감지 도구를 찾는 모든 사용자

Clip contents를 사용 중이라면, Clip Checker로 숨겨진 요소 없이 완벽한 handoff를 경험하세요! :>

☀︎Hi, there!☀︎

Clip Checker is a Figma plugin that automatically detects hidden content caused by the "Clip contents" setting, helping prevent design delivery issues during the developer handoff process.

Even elements that are invisible in developer mode become easily visible through clear visual indicators, making it highly practical for real-world design workflows.

🔍 Key Features

1. Auto Detection

Automatically scans all frames with Clip contents enabled and detects hidden (clipped) elements within.

2. Visual Indicator

Adds a badge at the bottom of each affected frame so you can instantly identify clipping issues at a glance.

3. Detailed Element Info

Click the indicator to reveal detailed information, including:

└ Element name, type, and clipped height (in px)

4. Temporary Frame Expansion

Preview hidden content without altering the original design by temporarily expanding the frame.

5. Developer Report Generation

Export an HTML or CSV report summarizing all clipped elements — ideal for clean developer handoff and preventing missing components.

🧩 Who Is It For?

1. Designers who want to proactively check for hidden content in their Figma files

2. Teams that need to verify clipping issues before handing off to developers

3. Anyone looking for an automated tool to detect hidden layers and clipped elements in Figma

If you're using Clip contents, try Clip Checker to ensure a complete and clean handoff — no hidden content left behind. :>