웹 디자인의 새로운 시작.

내 HTML을 Figma에서 편집 가능하게.

웹페이지 URL, HTML 코드 또는 로컬 파일. 텍스트, 카드, 이미지를 Figma로 가져오세요.

Html to Design 플러그인 및 편집 가능한 Figma 레이어

세 가지 입력, 하나의 흐름.

웹페이지 URL

브라우저로 렌더링한 공개 웹페이지를 가져옵니다.

HTML 붙여넣기

HTML과 인라인 CSS를 붙여넣고 뷰포트 크기를 선택하세요.

HTML 업로드

스타일과 이미지가 포함된 .html 또는 .htm 파일을 가져오세요.

기본 레이어로 계속 편집

편집 가능한 텍스트

렌더링된 HTML의 텍스트, 크기와 색상을 읽어 Figma에서 편집할 수 있습니다.

기본 레이아웃

카드, 버튼, 컨테이너를 별도 레이어로 만들고 공통 레이아웃 정규화를 적용합니다.

개별 에셋

페이지 전체를 한 이미지로 만들지 않고 이미지와 아이콘을 교체 가능한 에셋으로 유지합니다.

맞는 요금제 찾기

월간 크레딧으로 디자인 작업에 속도를 더하세요.

Starter

$9/ 월

매월 30 크레딧

  • 웹페이지 URL, HTML 코드 및 파일
  • 기본 편집 가능 레이어
  • 재사용 가능한 컴포넌트
  • Design System 및 Variables
Plus
추천

$19/ 월

매월 100 크레딧

  • 웹페이지 URL, HTML 코드 및 파일
  • 기본 편집 가능 레이어
  • 재사용 가능한 컴포넌트
  • Design System 및 Variables
Studio

$39/ 월

매월 250 크레딧

  • 웹페이지 URL, HTML 코드 및 파일
  • 기본 편집 가능 레이어
  • 재사용 가능한 컴포넌트
  • Design System 및 Variables

자주 묻는 질문