GetLayers: CSS 인스펙터, 스타일 복사 및 에셋 다운로더 제작자: GetLayers, PajaTools

마음에 드는 디자인을 발견했나요? 마우스를 올리고 클릭하면 바로 내 것이 됩니다.

GetLayers는 모든 웹사이트를 복사할 수 있는 소스로 바꿔 줍니다. 요소를 검사하고, 사용 중인 스택에 맞는 깔끔한 코드를 받고, 실제 레이어로 Figma에 붙여넣고, 간격을 측정하고, 색상과 글꼴을 추출하고, 페이지에서 쓰인 이미지, 아이콘, 동영상, 오디오, 글꼴, 파일을 저장할 수 있습니다. DevTools를 뒤지거나 스크린샷을 보며 짐작할 필요가 없습니다.

클릭 한 번으로 검사하고 복사
- 요소에 마우스를 올리면 스타일, 박스 모델, 타이포그래피, 색상, 대비를 한눈에 확인
- 클릭해서 코드를 복사하고 요소를 고정한 뒤, 방향키로 페이지 안을 이동
- 웹, 모바일, 디자인 도구용 10가지 코드 형식으로 내보내기. 기본 CSS부터 Tailwind, React, Flutter, SwiftUI까지 지원
- 요소를 단독으로 미리보거나, 깔끔한 스크린샷을 찍거나, 모든 위젯을 ZIP으로 내보내기

FIGMA로 복사 (Pro, 베타)
- Cmd+V 또는 Ctrl+V로 요소나 페이지 전체를 Figma에 붙여넣기
- 평면 이미지가 아니라 오토 레이아웃이 적용된 실제 프레임, 텍스트, 이미지로 가져옵니다
- 페이지의 색상과 텍스트 스타일을 담은 스타일 가이드 내보내기

다운로드 창 (G 키)
- CSS 배경, 반응형 버전, SVG 아이콘, Lottie, Rive를 포함한 페이지의 모든 이미지
- 크기별로 묶고 최고 화질에 표시를 해 두어, 흐릿한 썸네일을 저장할 일이 없습니다
- 미리보기 프레임이 있는 동영상, 하나의 파일로 저장되는 스트림, VTT 또는 SRT 자막
- 오디오, 실시간 미리보기가 있는 글꼴, 페이지에 링크된 PDF, 문서, 압축 파일
- 검색, 필터, 파일 이름 템플릿, 링크 복사, 최근 다운로드 목록
- 발견한 모든 동영상은 대기열에 남고, 페이지를 새로고침해도 다운로드는 계속됩니다
- Pro 도구: 스크롤하며 수집, 이미지 변환 및 크기 조정, 코드용 아이콘 내보내기, TTF 또는 OTF 글꼴과 폰트 키트 ZIP

페이지에서 바로 실시간 편집
- 스타일을 바꾸면 결과가 즉시 반영되고, 실행 취소도 가능
- 편집 내용을 프로필로 저장하면 다음에 자동으로 적용
- 두 요소를 나란히 비교해 차이점 확인
- 요소를 옮겨 새로운 레이아웃을 시험해 보기

디자이너처럼 측정
- 패딩, 마진, 갭을 보여 주는 간격 오버레이
- 두 요소 사이의 정확한 거리를 재는 눈금자
- 페이지의 색상 팔레트와 폰트 인스펙터

AI 워크플로를 위해 설계
- 내장 MCP 서버로 AI 코딩 어시스턴트를 연결하면, 라이브 페이지에서 요소를 검사하고 스타일을 편집할 수 있습니다

빠르고 편리하게
- 처음 실행할 때 사용 방식을 선택: 스타일 검사 및 복사, 또는 에셋 다운로드. 설정에서 언제든 전환 가능
- 어디로든 끌어 놓을 수 있는 도구 모음과 DevTools 사이드바
- 모든 기능에 키보드 단축키 제공, ? 키로 전체 목록 보기
- 20개 언어 지원

무료와 PRO
무료 플랜에는 실시간 검사, CSS 및 JSON 복사, 색상 및 글꼴 도구, DevTools 사이드바, 기능이 제한된 다운로드 창이 포함됩니다. 계정은 필요 없습니다.
Pro에서는 모든 형식, Figma로 복사, 프로필을 지원하는 실시간 편집, 측정 도구, 요소 비교, 스크린샷, ZIP 내보내기, Pro 도구가 포함된 무제한 다운로드, AI 연동을 사용할 수 있습니다. 7일 환불 보장.
Pro를 7일 동안 무료로 체험해 보세요. 이메일로 무료 키를 받아 설정에 붙여넣기만 하면 되며, 카드는 필요 없습니다.

개인정보 보호
광고 없음, 무료 플랜은 계정 불필요. 내 페이지, 편집 내용, 다운로드, 방문한 주소는 브라우저 밖으로 나가지 않습니다. Pro는 라이선스 키를 확인하기 위해 전송합니다. 기능 사용 횟수에 대한 익명 집계는 허용한 경우에만 전송되며, 설정에서 언제든 끌 수 있습니다. 선택 사항인 피드백 양식은 직접 입력한 내용과 함께 확장 프로그램 버전, 브라우저, 시스템, 언어, 플랜만 전송합니다.

유의 사항
GetLayers는 브라우저가 이미 불러온 파일을 저장합니다. 저작권과 사이트 이용 약관을 존중해 주세요. DRM으로 보호된 스트림과 YouTube 동영상은 지원하지 않습니다.

웹사이트 및 요금: https://getlayers.pro
문의 및 아이디어: getlayers.help@gmail.com