그래픽 사용자 인터페이스(GUI) 프로토타이핑은 디자인 전문 지식과 상당한 수동 노력을 모두 요구하는 시간이 많이 걸리는 활동으로 남아 있습니다. GUI 프로토타입은 개발 주기 전반에 걸쳐 요구사항과 함께 진화하는 비코드 아티팩트이기 때문에, 이를 자동화하여 생성하는 것은 소프트웨어 유지보수 및 진화와 직접적으로 관련됩니다. 우리는 분해(decomposition) 및 검색 증강 생성(Retrieval-Augmented Generation, RAG) 파이프라인을 통해 GUI 프로토타이핑을 자동화하는 오픈 소스 Figma 플러그인인 AI Prototyper를 소개합니다. 로그인 페이지나 제품 상세 카드와 같은 원하는 화면에 대한 자연어 설명을 입력하면, 이 플러그인은 요청을 개별적인 GUI 기능으로 분해하고, 사용자 지정 32개 프리미티브 라이브러리에서 일치하는 구성 요소를 검색한 다음, 각 구성 요소를 자동 레이아웃(auto-layout)이 적용된 완전히 편집 가능한 Figma 레이어로 렌더링합니다. 이 파이프라인은 LLM 백엔드로 Gemini 2.5 Flash와 Node.js/Express 서비스를 사용합니다. 기존의 분해 기반 도구들과 달리, AI Prototyper는 렌더링 전에 사용자가 생성된 기능 목록을 검토, 수정 또는 확장할 수 있도록 하는 인간 참여형(human-in-the-loop) 편집 단계를 도입하며, 다른 기술 스택과 LLM 패밀리를 사용하고, 태국어, 영어, 만다린 중국어로 정확하게 레이블링된 인터페이스를 생성하는 다국어 입력도 지원합니다. 예비 평가에서 참가자들은 AI Prototyper를 사용하여 수동으로 작업한 사람들보다 고정된 시간 창 내에 더 많은 프로토타입을 완성했으며, 전문가 실무자들은 9가지 품질 차원 전반에 걸쳐 AI가 생성한 프로토타입을 더 높게 평가했습니다. 데모 비디오는 https://youtu.be/pRoFAH7MQaE에서 확인할 수 있습니다. 소스 코드와 구성 요소 라이브러리는 https://github.com/tongsalangsingha/AI-prototyper-tool에서 이용 가능합니다.