스튜디오씨드코리아 · Head of Product Dev Team

UI 코드 자동화 AI 시스템

Design-to-Code
ML Pipeline
Cross-platform

문제

범용 LLM만으로는 디자인의 구조(계층·반복 요소)를 안정적으로 읽기 어려워, 생성된 코드가 화면 단위로 평평하게 나오고 재사용하기 어려웠습니다.

핵심 결정

01룰 기반 모듈 사이사이에 AI 모델 단계를 배치한 코드 생성 파이프라인을 직접 설계
02이미지 기반 입력과 레이아웃(구조) 기반 입력을 모두 코드로 변환할 수 있도록 변환 경로를 설계
03이미지·레이아웃(구조)을 이해하는 보조 모델의 학습을 설계하고 학습 데이터를 직접 구축, 팀원이 학습한 모델을 파이프라인에 연결해 AOS·iOS·Web 컴포넌트 코드로 출력

결과

코어 파이프라인(PoC)을 직접 개발했고, 팀과 함께 제품화해 2026년 10월 ProtoPie MCP로 정식 출시했습니다. Dev View도 베타를 마치고 정식 제공됩니다. Code MCP는 ProtoPie 엔진 정보를 활용해 React·Flutter·SwiftUI 등 7개 프레임워크의 코드를 생성합니다. (문서)

반복되는 UI 요소를 재사용하기 쉬운 컴포넌트 단위로 묶는 효과는 내부 사례 기준의 정성적 관찰입니다.