HTML을 피그마로 가져오는 플러그인

질문

HTML 파일이나 웹페이지를 피그마 디자인으로 옮기려면 어떤 플러그인이 좋은지, 무료로 쓸 수 있는 것이 있는지.

답변

대표적으로 html.to.design(html to figma) 플러그인이 많이 쓰이지만 일정 건수(약 10건)를 넘으면 유료로 전환된다. 무료 대안으로는 피그마 공식 크롬 확장 프로그램(https://chromewebstore.google.com/detail/figma/fkmaohpngenfoccdgceedjkfhkdcohmg)으로 웹페이지를 캡처해 가져오는 방법이 있고, 'HTML to Figma by Storyship' 플러그인(https://www.figma.com/community/plugin/1623696388918110490)도 쓸 만하다는 평이 있다. 플러그인마다 같은 페이지를 가져와도 레이어 구조를 잘 살리는 것, 이미지 위주로 가져오는 것 등 결과가 달라 상황에 따라 혼용하는 것이 좋고, 피그마 에이전트에 HTML을 읽혀 변환하는 방법도 있다. 다만 클로드 디자인처럼 브라우저 확장이 동작하지 않는 환경에서 만든 결과물은 크롬 확장으로 가져오기 어려울 수 있다.