D2C와 D2C⁺로 코드 생성하기

D2C⁺는 선택한 디자인, 컴포넌트나 레이어에서 프런트엔드 코드를 생성합니다. React, Vue와 Flutter를 지원하며 디자인 컴포넌트를 프로젝트의 컴포넌트 라이브러리에 매핑할 수 있습니다.

사용 조건

D2C⁺를 사용하려면 Enterprise Full-feature 또는 Dev 라이선스와 기업 공간에 있는 파일이 필요합니다. 기업 공간의 개인 초안도 포함됩니다. 기업 공간 밖의 파일은 지원하지 않습니다.

개발자 보기에서 코드 생성하기

1. 기업 공간에서 대상 디자인 파일을 엽니다.
2. 오른쪽 위의 Dev View를 켭니다.
3. 오른쪽 패널의 D2C 선택 메뉴에서 D2C⁺를 선택합니다.
4. 페이지, 컴포넌트나 레이어를 선택하여 코드를 생성합니다.

코드 라이브러리와 매핑할 필요가 없다면 컴포넌트 파서를 설정하지 않아도 됩니다. 프로젝트의 컴포넌트 태그와 속성을 재사용하려면 DSM에서 매핑을 설정합니다.

개발 작업에서 D2C⁺ 사용하기

Local MCP와 Remote MCP에서도 design_to_code를 사용할 수 있습니다. 전체 설정과 컴포넌트 매핑 방법은 영문 D2C⁺ 빠른 시작 가이드를 참고합니다. 생성한 인터페이스를 프로젝트에 통합한 뒤 필요한 데이터 처리, 권한과 비즈니스 동작을 구현하고 테스트합니다.