SITE CAPTURE서비스 페이지에 공개된 정보를 바탕으로 표시합니다. 선정·검수 원칙
WHAT IT DOES
무엇을 하나요?
Chrome DevTools Protocol로 DOM 스냅샷을 읽어 위치와 크기를 재현합니다. 텍스트와 인라인 SVG를 편집 가능한 노드로 변환하고 flex·grid를 읽어 Auto Layout을 구성합니다. 확장 프로그램에서 Figma 플러그인으로 페어링 코드로 전송할 수 있습니다.
KEY FEATURES
주요 기능
- 웹페이지를 Figma 프레임·텍스트·벡터 노드로 재구성
- 인라인 SVG를 편집 가능한 벡터 노드로 변환
- flex·grid 기반 Auto Layout 자동 구성
- 페어링 코드로 Figma 플러그인에 전송
EDITOR'S NOTE
왜 눈에 띄었나요?
웹 화면을 단순 이미지가 아닌 수정 가능한 작업물로 옮기는 선택이 실용적입니다. flex·grid까지 Auto Layout으로 재구성해 리디자인의 출발 비용을 줄입니다.