Imgcook

어떤 도구일까, Imgcook?

알리바바가 만든 Imgcook은 AI로 레이아웃과 컴포넌트를 인식해 디자인 파일(Sketch, Figma, PSD)은 물론 이미지까지 프론트엔드 코드로 변환해줍니다. 웹과 모바일에서 디자인을 코드로 옮기는 과정을 앞당기는 데 초점을 맞춘 툴입니다.

주요 기능

• Sketch, Figma, PSD 디자인을 코드로 변환
• 이미지 인식 기반 코드 변환
• 다양한 프론트엔드 프레임워크로 출력
• 컴포넌트 및 레이아웃 자동 인식
• 커스터마이즈 가능한 코드 생성 규칙

시작하는 방법

1. imgcook.com에 접속해 디자인이나 이미지를 불러오세요
2. AI가 레이아웃과 컴포넌트를 인식하게 하세요
3. 규칙과 매핑을 조정하세요
4. 생성된 코드를 내보내세요

활용 사례

• 디자인-코드 핸드오프
• 프론트엔드 뼈대 구성
• 목업을 마크업으로 변환
• UI 개발 속도 향상

Imgcook 비교

자주 묻는 질문

Imgcook, 무료로 쓸 수 있을까요?

Imgcook 요금제: 무료. 가격과 무료 요금제 한도는 계속 바뀌므로 최신 정보는 위 공식 웹사이트에서 확인하세요.

Imgcook, 어디에 쓰는 도구인가요?

디자인 파일을 프론트엔드 코드로 자동 변환합니다.

Imgcook, 누구에게 잘 맞을까요?

Imgcook 추천 대상: 디자인-코드 핸드오프.

Imgcook, 대안이 있을까요?

자주 비교되는 대안: Locofy 및 v0. 차이는 위 비교표를 참고하세요.