图像大厨

图像大厨이란 무엇인가요?

Imgcook은 Alibaba가 개발한 종합 디자인-to-code 자동화 플랫폼으로, 다양한 디자인 파일(Sketch, PSD, 정적 이미지)을 프론트엔드 코드로 변환합니다. 인텔리전트 알고리즘을 통해 디자인 문서에서 뷰 코드, 데이터 바인딩 코드, 컴포넌트 코드, 일부 비즈니스 로직을 생성합니다. React, Vue, Rax, 미니프로그램 등 10가지 DSL을 기본 지원하며, 100% 디자인 복원과 코드 품질 및 유지보수성을 동시에 추구합니다. CLI 도구, VS Code 플러그인, 커스텀 DSL 지원으로 개발 워크플로우에 원활하게 통합됩니다.

주요 기능

• 다양한 디자인 포맷 지원

  Sketch 파일, Photoshop 문서, 정적 이미지 등 다양한 디자인 포맷을 플러그인 또는 비주얼 에디터에 직접 업로드하여 처리합니다.

• 지능형 코드 생성

  적절한 DOM 구조, 상대적 위치 레이아웃, 의미론적 클래스명, 자동 반복 구조 인식 등 유지보수가 쉬운 코드를 생성합니다.

• 다중 프레임워크 지원

  React, Rax, Vue, 미니프로그램 등 10가지 DSL을 기본 지원하며, 특정 요구에 맞는 커스텀 DSL도 생성할 수 있습니다.

• 개발 워크플로우 통합

  CLI 도구, VS Code 플러그인, 커스텀 내보내기 플러그인을 통한 원활한 통합으로 이미지 업로드 및 파일 디렉터리 변환도 지원합니다.

• 비주얼 에디터

  레이아웃 수정, 데이터 바인딩, 로직 코드 작성, 내보내기 전 컴포넌트 커스터마이징 등 다양한 편집 기능을 제공합니다.

사용 사례

• 캠페인 페이지 개발 : 일회성 프로모션 페이지 및 마케팅 캠페인을 빠르게 개발할 수 있어 이커머스 이벤트 등에 유용합니다.
• 디자인-개발 협업 : 디자이너와 프론트엔드 개발자 간 협업을 효율화하고 수작업 코딩을 줄이며 정확한 디자인 복원을 보장합니다.
• 컴포넌트 라이브러리 구축 : 재사용 가능한 UI 컴포넌트와 디자인 시스템을 모든 프로젝트에서 일관된 스타일과 의미론적 명명으로 구축합니다.
• 프로토타입에서 프로덕션까지 : 디자인 프로토타입을 프로덕션용 코드로 변환하고 데이터 바인딩 및 비즈니스 로직 통합도 지원합니다.
• 크로스플랫폼 개발 : 하나의 디자인 소스에서 웹앱, 모바일앱, 미니프로그램 등 다양한 플랫폼용 코드를 생성합니다.

자주 묻는 질문