개요
요소의 크기·여백·거리와 색상·배치 값을 검사 탭에서 바로 입력해보는 디자인 인스펙터
StyleSnap은 웹페이지의 디자인 요소를 빠르게 확인하고, AI에게 바로 전달할 수 있는 프롬프트로 변환해주는 디자인 인스펙터입니다. 개발자 도구를 열지 않아도 원하는 요소를 선택하면 마진, 패딩, 폰트, 색상, 크기, 요소 간 거리 등을 한눈에 확인할 수 있습니다. 확인한 디자인 정보는 AI 코딩 어시스턴트에게 전달하기 좋은 문장으로 정리되어 바로 복사할 수 있습니다. 카드 간격이 어긋났을 때, 버튼 위치를 조정하고 싶을 때, 폰트 크기나 여백을 정확히 수정하고 싶을 때 StyleSnap을 사용하면 감으로 설명하지 않아도 됩니다. 실제 화면에서 측정한 값을 기반으로 더 구체적이고 정확한 수정 요청을 만들 수 있습니다. StyleSnap은 바이브 코딩, 프론트엔드 UI 수정, 랜딩페이지 개선, 컴포넌트 디자인 조정처럼 화면을 보며 AI와 함께 작업하는 사용자에게 적합한 도구입니다. 눈으로만 추측하던 디자인 정보를 정확한 수치와 AI 프롬프트로 바꿔보세요.
세부정보
- 버전1.0.2
- 업데이트됨2026년 6월 18일
- 제공boilerplate1989
- 크기41.1KiB
- 언어언어 2개
- 개발자정인효
금산면 장사리 1000 금산흥한골든빌 진주시, 경상남도 52631 KR이메일
boilerplate1989@gmail.com - 비판매자판매자로 식별되지 않은 개발자입니다. 유럽 연합에 거주하는 소비자의 경우, 이 개발자와 체결한 계약에 대해서는 소비자 권리가 적용되지 않을 수 있음을 유의해야 합니다.
개인정보 보호
확장 프로그램을 관리하고 조직에서 확장 프로그램이 사용되는 방식을 알아보세요.
개발자가 데이터를 수집하거나 사용하지 않겠다고 명시했습니다. 자세히 알아보려면 개발자의 privacy policy 문서를 참고하세요.
개발자가 사용자 데이터에 관해 다음과 같이 선언했습니다
- 승인된 사용 사례를 제외하고 서드 파티에 판매하지 않음
- 항목의 핵심 기능과 관련 없는 목적으로 사용하거나 전송하지 않음
- 신용도 판단 또는 대출 목적으로 사용하거나 전송하지 않음
