브라우저 확장 프로그램

DevTools를 뒤질 필요 없습니다.
클릭 한 번으로 모든 요소를 검사하세요.

디자이너와 개발자를 위한 CSS 인스펙터. 스타일, 색상, 폰트를 복사하고 Tailwind, Flutter 등 8가지 이상의 포맷으로 내보내세요. DevTools보다 10배 빠릅니다.

Chrome Chrome Brave Brave Edge Edge Opera Opera
Firefox Firefox
Safari Safari
곧 출시

왜 GetLayers인가?

DevTools의 수많은 탭을 대체하는 세 가지 초능력.

10가지 내보내기 포맷 Pro

CSS, JSON, Tailwind, Flutter, SwiftUI, SCSS, Compose, Figma, React, Compact AI — 한 번의 클릭으로 어떤 포맷이든 복사하세요.

CSS JSON SCSS Tailwind React JSX Flutter SwiftUI Compose Figma JSON Compact AI

AI 기반 워크플로우 Pro

Claude MCP를 탑재한 유일한 CSS 인스펙터. 요소를 검사하고, 스타일을 편집하고, 위젯을 나열하세요 — AI 어시스턴트에서 바로.

AI를 탑재한 유일한 CSS 인스펙터

완벽한 디자인 툴킷 Pro

편집 모드, 간격, 눈금자, 스크린샷 — 디자이너에게 필요한 모든 것을 하나의 확장 프로그램에서.

Free vs Pro

무엇을 얻고, 무엇을 놓치고 있는지 확인하세요.

Free

탐색하기에 충분
검사 및 이해
실시간 검사
선언된 값
폰트 인스펙터
폰트, 크기, 굵기, 행간 — 호버 시 표시
색상 선택기
페이지의 모든 색상을 한 번의 클릭으로 복사
Color Lens
요소의 색상과 배경을 한눈에 확인
색상 팔레트
페이지의 모든 색상을 자동으로 수집
WCAG 대비 검사
선택기 기록
복사한 모든 색상의 기록
복사 및 내보내기
CSS & JSON
SCSS
Tailwind
Flutter
SwiftUI
React JSX
Compose
Figma JSON
Compact AI
편집 및 디자인
잠금 및 편집
간격 및 눈금자
패딩, 마진, 요소 간 거리. CSS 애니메이션의 경우 — 최소/최대 값
CSS Diff
두 요소를 비교: 다른 점과 공통점
스크린샷
편집 프로필
편집한 스타일을 자동 적용 프로필로 저장
다운로드 및 공유
에셋 다운로드
모든 페이지에서 이미지, 폰트, 배경 다운로드
미리보기 및 ZIP
선택한 요소를 별도 페이지에서 미리보기
ZIP 내보내기
AI 초능력
MCP 위젯 목록
MCP 검사
AI 어시스턴트를 연결하여 스타일 검사 및 편집
MCP 스타일 편집

Pro

필요한 모든 것
검사 및 이해
실시간 검사
선언된 값
폰트 인스펙터
폰트, 크기, 굵기, 행간 — 호버 시 표시
색상 선택기
페이지의 모든 색상을 한 번의 클릭으로 복사
Color Lens
요소의 색상과 배경을 한눈에 확인
색상 팔레트
페이지의 모든 색상을 자동으로 수집
WCAG 대비 검사
선택기 기록
복사한 모든 색상의 기록
복사 및 내보내기
CSS & JSON
SCSS
Tailwind
Flutter
SwiftUI
React JSX
Compose
Figma JSON
Compact AI
편집 및 디자인
잠금 및 편집
간격 및 눈금자
패딩, 마진, 요소 간 거리. CSS 애니메이션의 경우 — 최소/최대 값
CSS Diff
두 요소를 비교: 다른 점과 공통점
스크린샷
편집 프로필
편집한 스타일을 자동 적용 프로필로 저장
다운로드 및 공유
에셋 다운로드
모든 페이지에서 이미지, 폰트, 배경 다운로드
미리보기 및 ZIP
선택한 요소를 별도 페이지에서 미리보기
ZIP 내보내기
AI 초능력
MCP 위젯 목록
MCP 검사
AI 어시스턴트를 연결하여 스타일 검사 및 편집
MCP 스타일 편집
50+
도구
10
포맷
20
언어
2
기기

심플한 가격

무료로 시작하세요. 더 필요할 때 업그레이드.

Pro 평생
₩65,999
일회 결제
10가지 전체 포맷, 편집 모드, 간격, 스크린샷, AI — 완벽한 툴킷
평생 액세스 받기
한 번 결제. 영원히 사용. 갱신 없음
Pro 월간
₩3,999
월간
10가지 전체 포맷, 편집 모드, 간격, 스크린샷, AI — 완벽한 툴킷
Pro 시작하기
커피 한 잔보다 저렴. 언제든 취소 가능
Free
₩0
영원히
9개 무료 도구, 2가지 내보내기 포맷, 20개 언어
무료로 검사 시작
카드 불필요. 10초 만에 시작
7일 환불 보장

FAQ

네! 실시간 검사, CSS/JSON 복사, 색상 선택기, 폰트 인스펙터, Color Lens, 색상 팔레트, 20개 언어 모두 완전히 무료입니다. 체험판 없음, 시간 제한 없음.
10가지 내보내기 포맷(SCSS, Tailwind, Flutter, SwiftUI, Compose, Figma JSON, Compact AI), 잠금 및 편집 모드, 편집 프로필, 선택기 기록, 에셋 다운로드, 간격 및 눈금자 도구, 스크린샷, 전체 MCP AI 통합.
Pro 라이선스는 최대 2대의 기기에서 작동합니다. 슬롯을 비우려면 언제든지 기기를 비활성화할 수 있습니다.
네, 7일 환불 보장, 질문 없음.
GetLayers는 Chrome, Brave, Edge, Opera에서 작동합니다. Firefox도 지원됩니다. Safari 지원은 곧 제공될 예정입니다.
구매 후 이메일로 라이선스 키를 받습니다. GetLayers 팝업을 열고 설정으로 이동하여 키를 붙여넣으세요. 즉시 활성화됩니다.
GetLayers 팝업에서 설정을 열고 비활성화를 클릭합니다. 기기 슬롯이 비워집니다. 같은 키로 새 기기에서 활성화하세요.
라이선스 키는 로컬에 저장됩니다. 재설치 후 설정에서 키를 다시 입력하세요. 두 슬롯 모두 사용 중이면 먼저 하나를 비활성화하세요.
결제에는 Gumroad를 사용합니다. 주요 신용카드, PayPal, Apple Pay를 지원합니다.
월간 및 연간 플랜은 자동 갱신됩니다. 평생 플랜은 일회 결제 — 향후 모든 업데이트를 포함하여 영원히 사용할 수 있습니다.

문의하기

질문이 있거나, 버그를 발견했거나, 협업하고 싶으신가요? 메시지를 보내주세요.

메시지가 전송되었습니다!
가능한 빨리 답변드리겠습니다.