플러그인
HTML을 피그마로 바로 열기
거친세상에서살아남기2026. 8. 4.
질문
클로드에 사이트 주소를 넣고 그대로 구현해달라고 해도 잘 안 되는데, 이걸 피그마로 옮겨서 편집 가능한 디자인으로 만들고 싶다. html.to.design 플러그인은 무료 횟수 제한이 있는데 다른 방법이 없을까?
답변
피그마가 공식 배포하는 크롬 확장 프로그램(figma.com/downloads/chrome-extension/)을 쓰면 된다. 웹페이지든 로컬 html 파일이든(확장 프로그램 옵션에서 '로컬 파일 접근 권한' 허용 필요) 화면을 그대로 복사해서 피그마에 붙여넣기만 하면 편집 가능한 디자인으로 변환된다. html.to.design보다 레이어명도 간결하게 붙고, 부분적으로 변환 안 된 요소는 객체 선택으로 보완하면 된다. (ai·피그마 둘 다 유료라면 MCP로 연결해 "html 그대로 구현해줘"라고 요청하는 방법도 있다.)