html2design 크롬 확장은 웹페이지를 Figma로 변환하는 도구입니다.
html2design은 Chrome DevTools Protocol을 이용해 웹페이지의 DOM과 스타일을 캡쳐하여 편집 가능한 Figma 노드로 변환합니다. 이 확장은 flex/grid를 Auto Layout으로, 인라인 SVG를 벡터로 변환하며, iframe과 shadow DOM을 병합해 처리합니다. 웹페이지의 디자인을 재구성할 수 있는 유용한 툴입니다.
html2design is a Chrome extension that converts web pages into editable Figma nodes.
html2design utilizes the Chrome DevTools Protocol to capture the DOM and styles of web pages, transforming them into editable Figma nodes. This extension converts flex/grid to Auto Layout and inline SVGs to vectors, merging iframes and shadow DOMs for a comprehensive capture. It provides a valuable tool for redesigning web page layouts.