콘텐츠

Show GN: html2design - 웹페이지를 편집 가능한 Figma 노드로 변환하는 크롬 확장

역량 개발 · GeekNews · 2026.08.27

웹페이지의 디자인 요소를 Figma에서 바로 편집할 수 있게 도와주는 html2design 크롬 확장 프로그램을 소개해 드립니다. 이 도구는 Chrome DevTools Protocol의 DOMSnapshot을 활용하여 DOM, 스타일, 레이아웃 정보를 읽어 Figma 노드로 재구성해 줍니다. flex나 grid는 Auto Layout으로, 인라인 SVG는 편집 가능한 벡터로 변환하며 다양한 디자인 속성을 지원하는 것이 특징입니다. 다만 canvas 콘텐츠나 설치되지 않은 폰트 사용 시 일부 제한이 있을 수 있으니 참고해 주세요. 월 5회까지는 로그인 없이도 무료로 사용하실 수 있습니다.