AI 이미지 도구가 넘쳐나는데 실무에서 쓰기가 애매한 이유가 있어요. 픽셀로 뽑으면 수정이 안 되거든요.
a16z 파트너 Yoko Li는 이 문제를 정확히 짚었어요. "가장 흥미로운 비주얼 AI 도구들은 더 이상 최종 출력물을 생성하려 하지 않는다. 대신, 출력물 뒤에 있는 소스 코드를 생성하고 있다."
다들 비주얼 AI 하면 Midjourney를 생각하죠
Midjourney, DALL-E, Stable Diffusion. 이 도구들은 하나같이 "픽셀 네이티브"예요. 텍스트 프롬프트를 받아서 완성된 이미지를 직접 생성하는 방식이죠.
픽셀 기반 생성이 잘 하는 건 분명히 있어요. 텍스처, 분위기, 조명, 사실감. 마케팅 비주얼이나 컨셉 아트라면 지금도 충분히 강력합니다. 근데 문제는 "생성 이후"예요.
| 픽셀 네이티브 AI | 코드 네이티브 AI | |
|---|---|---|
| 출력물 형태 | PNG, JPEG 이미지 | SVG, HTML/CSS, Lottie JSON |
| 수정 방법 | 다시 생성 또는 포토샵 수작업 | 일러스트레이터·코드 에디터에서 바로 편집 |
| AI 반복 수정 | 결과물을 AI가 못 봄 (눈 감고 재생성) | Code → Render → Inspect → Revise 루프 |
| 제약 조건 검증 | 불가 (픽셀에는 조건 없음) | 색상·크기·구조 코드로 자동 검증 가능 |
| 프로덕션 연동 | 이미지 파일 수동 전달 | 컴포넌트 재사용, CI/CD 자동화 가능 |
a16z가 코드를 쓰는 AI에 베팅한 이유
2026년, a16z가 Quiver AI에 $8.3M 시드 투자를 집행했어요. Quiver AI가 만드는 건 이미지 생성 AI가 아니에요. 텍스트 프롬프트나 래스터 이미지를 받아 SVG 코드를 직접 생성하는 AI 모델이에요.
왜 이 방식이 더 강한지, Yoko Li는 세 가지로 정리해요.
- 반복 수정이 된다
코드 네이티브 시스템은 "Code → Render → Inspect → Revise" 루프를 돌릴 수 있어요. 픽셀 AI는 결과물을 봐도 수정할 방법이 없지만, 코드는 AI가 자기가 만든 걸 직접 보면서 디버깅해요. Yoko Li는 이걸 "AI가 시각적 프로그램을 클로즈드 루프 환경에서 디버깅하는 것"이라고 표현했어요. - 검증이 가능하다
코드에는 제약 조건을 걸 수 있어요. 색상 팔레트 준수 여부, 특정 사이즈 내에 있는지, 컴포넌트 재사용 여부 — 픽셀로는 검증 불가능하지만 SVG·HTML/CSS는 코드니까 자동으로 체크할 수 있어요. - 정밀도가 다르다
3D 에셋이 좋은 예예요. "한 각도에서 그럴싸해 보이는" 이미지로는 프로덕션 3D를 쓸 수 없어요. 일관된 기하학 구조, 재질, 파트 계층이 필요하고, Blender 스크립트나 USD scene graph 같은 코드로만 이걸 표현할 수 있어요.
결과적으로 비주얼 AI 시장은 런타임(실행 환경) 중심으로 재편되고 있어요. 브라우저(HTML/CSS), 벡터 렌더러(SVG), 애니메이션 플레이어(Lottie), 3D 엔진(Blender, USD). 각 런타임에 특화된 AI 도구들이 등장하는 구조예요.
실제로 어떤 도구들이 이걸 하고 있나요?
Quiver AI — SVG 생성: 텍스트 프롬프트나 래스터 이미지를 받아 편집 가능한 SVG 로고, 아이콘, 일러스트레이션을 생성해요. Arrow 1.1 모델 기준으로 텍스트→SVG 생성 비용이 33.3% 낮아졌고, 이미지 벡터라이제이션은 50% 저렴해졌어요.[[cite:3][cite:4]] MCP 서버도 제공해서 Cursor나 Claude 같은 에이전트 환경에서 직접 SVG를 프로젝트에 생성·삽입할 수 있어요.
Paper — HTML/CSS 캔버스: "에이전트 시대를 위한 연결된 캔버스"를 표방하는 디자인 도구예요. Figma처럼 생긴 캔버스인데, 기반이 HTML/CSS라서 "디자인이 코드로 export됩니다. 번역에서 잃어버리는 게 없어요"라고 해요. Claude, Cursor, GitHub Copilot 같은 AI 에이전트가 MCP를 통해 직접 디자인 캔버스에 접근해서 작업할 수 있어요.
이 외에도 주목할 도구들
애니메이션 영역에서는 OmniLottie가 Lottie JSON을 AI가 직접 생성할 수 있는 커맨드 시퀀스로 변환해요. 3D 영역에서는 VIGA가 Blender 피드백 루프를 사용해 3D 에셋을 생성하고, Articraft3D가 관절 있는 3D 생성을 시맨틱 프로그램 작성 방식으로 접근해요.
지금 당장 써볼 수 있는 법
- Quiver AI 계정 만들기
quiver.ai에서 무료 계정을 만드세요. 웹앱(app.quiver.ai)에서 로고나 아이콘 하나를 텍스트 프롬프트로 생성해보면 픽셀 AI와의 차이를 바로 느낄 수 있어요. - SVG 편집해보기
생성된 SVG를 일러스트레이터나 Figma에 드래그앤드롭으로 열어보세요. 픽셀 이미지와 달리 레이어 구조가 그대로 살아있어요. 색상, 크기, 형태를 자유롭게 조정할 수 있어요. - Cursor에 MCP 연결하기 (개발자용)
Cursor Settings → MCP에서 엔드포인트 https://app.quiver.ai/mcp 를 추가하세요. 이후 에이전트 대화 중 "이 프로젝트용 아이콘 3개 SVG로 만들어서 /src/assets에 넣어줘"처럼 자연어로 요청하면 돼요. - Paper로 에이전트 디자인 체험하기
paper.design 데스크탑 앱을 설치하고 MCP를 연결하면, Claude나 Cursor가 HTML/CSS 기반 캔버스에서 직접 디자인 작업을 해요. 에이전트 시대의 디자인 툴이 어떤 느낌인지 체험해볼 수 있어요.[[cite:5][cite:6]]
픽셀 AI가 사라지는 건 아니에요
Midjourney나 DALL-E의 분위기·텍스처 표현력은 코드 네이티브로 대체하기 어려워요. 가장 현실적인 접근법은 "픽셀 AI로 무드·레퍼런스 잡고, 코드 네이티브 AI로 편집 가능한 에셋 생성하기"를 병행하는 거예요.
