프롬프트 한 줄로 화면이 나오는 시대, ‘당근스러운 화면’을 만드는 법

이 게시물은 SEED 디자인 시스템 기반의 AI 화면 생성 도구 Kraft의 설계와 발전 과정을 정리한 글입니다.

핵심 내용

• 바이브 코딩 및 Figma AI의 한계: SEED 컴포넌트·아이콘·토큰 맥락 주입 불가, 피그마 캔버스 의존, 템플릿 동기화 불가
• Kraft의 목표: 픽셀을 그리는 것이 아니라 디자인 시스템이 요구하는 의사결정들을 자동화해 당근스러운 화면 생성
• 형태 진화: 어드민(웹 에디터)에서 CLI(로컬 컨텍스트 주입)로, 다시 에이전트(구체화·검증·기억 루프)로 발전
• 에이전트 워크플로우: Clarify → Memory Read → Cases → Generate → Verify → Memory Write로 품질과 일관성 확보
• 아키텍처 및 도구: 하네스 패턴으로 Plan(검토)·Orchestra(실행) 모드 분리하고 코드 작성은 Claude Code에 위임