AI 에이전트가 UI를 말하는 시대가 왔다

AI 에이전트 하면 대부분 챗봇을 떠올립니다. 사람이 질문하면 AI가 텍스트로 답하는 구조입니다. 그런데 구글은 2025년 12월 15일, 이 구조 자체를 뒤집는 프로토콜을 공개했습니다. 바로 A2UI(Agent to User Interface)입니다. (출처: Google Developers Blog, 2025.12.15)

A2UI의 핵심 아이디어는 간단합니다. 에이전트가 텍스트 대신 UI 자체를 생성해서 전달합니다. 식당 예약을 예로 들면, 지금까지는 “날짜는요?”, “시간은요?”, “몇 명이요?”를 텍스트로 주고받아야 했습니다. A2UI를 쓰면 에이전트가 날짜 선택기·시간 선택기·인원 조절 버튼이 포함된 폼을 즉시 생성해 건네줍니다. 질문 없이 클릭 몇 번으로 끝납니다.

이것이 단순한 UI 편의 개선처럼 보이지만, 실상은 에이전트와 사람이 상호작용하는 패러다임 자체의 교체입니다. 텍스트 다중 턴(Turn) 방식은 구조화된 작업(데이터 입력, 승인 워크플로우 등)에서 심각한 생산성 저하를 일으켜왔습니다. A2UI는 그 병목을 제거합니다.

▲ 목차로 돌아가기

A2UI의 핵심 — 코드가 아니라 ‘데이터’를 보낸다

선언적 JSON이 전부다

A2UI가 전송하는 것은 HTML도 JavaScript도 아닙니다. 선언적 JSON 메시지입니다. 에이전트는 “Button이라는 컴포넌트를 렌더링해달라”는 설명을 JSON으로 보낼 뿐이고, 실제로 버튼을 그리는 것은 클라이언트 앱의 몫입니다. 예시는 다음과 같습니다. (출처: a2ui.org 공식 문서, v0.8 Stable 기준)

{
"surfaceUpdate": {
"surfaceId": "booking",
"components": [
{ "id": "title",  "component": { "Text": { "text": { "literalString": "예약하기" } } } },
{ "id": "dt",     "component": { "DateTimeInput": { "value": { "path": "/booking/date" }, "enableDate": true } } },
{ "id": "btn-lbl","component": { "Text": { "text": { "literalString": "확인" } } } },
{ "id": "btn",    "component": { "Button": { "child": "btn-lbl", "action": { "name": "confirm" } } } }
]
}
}

클라이언트는 이 JSON을 받아 자신이 보유한 컴포넌트 카탈로그에서 Button, DateTimeInput 등을 찾아 네이티브 위젯으로 렌더링합니다. 웹에서는 React 또는 Angular 컴포넌트로, 모바일에서는 Flutter 위젯으로, iOS에서는 SwiftUI 뷰로 각각 표현됩니다. 동일한 JSON 한 줄이 모든 플랫폼에서 작동합니다. 이것이 A2UI의 “프레임워크 불가지론(Framework-Agnostic)” 설계 원칙입니다.

LLM이 이 JSON을 생성하기 쉽도록 구조도 설계되었습니다. 기존 UI 트리는 깊게 중첩된 트리 구조이지만, A2UI는 평면 리스트(Flat Adjacency List)를 씁니다. LLM은 복잡한 중첩 구조를 생성하면 오류 확률이 높아지지만, 평면 리스트는 훨씬 안정적으로 생성합니다. 또한 전체 UI를 한 번에 보내지 않고 변경된 부분만 점진적으로 업데이트할 수 있어 스트리밍 환경에서도 실시간 응답성이 유지됩니다.

▲ 목차로 돌아가기

보안에서 더 강한 쪽은 iframe이 아니었다

원격 에이전트 UI — 기존 방식의 숨겨진 위험

다중 에이전트 환경이 되면 반드시 마주치는 문제가 있습니다. 원격 서버에 있는 에이전트가 사용자 화면에 UI를 보내야 할 때 어떻게 해야 하느냐입니다. 기존의 표준적인 답은 HTML과 JavaScript를 iframe 안에서 실행하는 것이었습니다.

A2UI는 이 세 문제를 근본적으로 다른 방식으로 차단합니다. 에이전트가 보내는 것이 실행 코드가 아니라 선언적 데이터이기 때문입니다. 클라이언트는 미리 신뢰할 수 있는 컴포넌트 목록(카탈로그)을 보유하고, 에이전트는 그 카탈로그에 있는 이름만 요청할 수 있습니다. “Button”이라고 요청하면 클라이언트가 자신의 Button 컴포넌트를 그립니다. 에이전트가 임의의 코드를 심을 방법이 없습니다. (출처: Google Developers Blog, A2UI 공식 소개, 2025.12.15)

이 표가 말해주는 것은 단순합니다. “원격 에이전트에게 UI를 맡길 때 더 안전한 방법은 코드 실행을 허용하지 않는 것”입니다. A2UI의 설계가 보안에서 iframe 방식을 앞서는 이유입니다. 엔터프라이즈 환경에서 외부 파트너 에이전트(Cisco·SAP·Salesforce 등)와 연동할 때 이 차이가 결정적입니다.

▲ 목차로 돌아가기

MCP Apps와 A2UI — 경쟁이 아닌 조합

둘 다 2025년 말 동시에 등장한 이유

A2UI와 비슷한 시기에 등장한 표준이 하나 더 있습니다. MCP Apps입니다. MCP(Model Context Protocol)의 확장으로, 2026년 1월 26일 리눅스 재단 산하에서 안정 버전(SEP-1865)을 획득했습니다. (출처: sunpeak.ai, 2026.02.17) 한국 커뮤니티에서는 둘을 경쟁 관계로 보는 시선이 많은데, 이것이 오해입니다.

실제로 공식 A2UI 로드맵에는 “MCP 서버가 HTML 대신 A2UI 블루프린트를 제공할 수 있도록 브릿지를 추가”하는 계획이 포함되어 있습니다. (출처: a2ui.org 에코시스템 비교 문서) 이는 두 표준이 공존하며 서로를 보완할 것임을 공식적으로 인정한 것입니다. 이미 AG UI(CopilotKit 팀이 개발한 전송 계층 프로토콜)는 A2UI와 0일 차 호환성을 선언했습니다.

따라서 “A2UI만 쓰면 된다” 혹은 “MCP Apps면 충분하다”는 생각은 둘 다 맞지 않습니다. 외부 파트너 툴을 연동할 때는 MCP Apps, 에이전트가 대화 맥락에 따라 동적으로 UI를 바꿔야 할 때는 A2UI를 택하거나, 둘을 함께 운영하는 것이 현실적입니다.

▲ 목차로 돌아가기

이미 실서비스에 적용된 3가지 사례

프로덕션에서 작동 중인 증거

A2UI는 “미래의 표준 후보”가 아닙니다. 공식 발표 시점(2025.12.15)에 이미 세 개의 Google 제품에서 프로덕션으로 운영 중이었습니다. (출처: Google Developers Blog, 2025.12.15) 구체적으로 어떻게 쓰이는지 살펴봅니다.

세 사례 모두 공통점이 있습니다. “개발자가 모든 UI를 미리 만들지 않아도 된다”는 것입니다. 에이전트가 대화 맥락을 이해하고 그 순간 필요한 UI를 직접 구성하는 덕분에, 개발 리소스가 UI 코드 작성보다 핵심 로직에 집중됩니다.

▲ 목차로 돌아가기

v0.8 안정 → v0.9 드래프트, 뭐가 달라지나

버전 숫자가 말해주는 성숙도의 의미

A2UI는 공개 시점에 이미 v0.8이었습니다. 보통 오픈소스 프로젝트가 처음부터 v0.1을 시작하는 것과 다릅니다. 구글은 내부에서 여러 차례의 실전 검증과 breaking change를 거친 뒤 외부 공개를 진행했기 때문입니다. v0.8은 “프로덕션 배포 가능”을 의미하고, v0.9는 현재 드래프트 상태로 구조를 더 단순화하는 방향으로 진화 중입니다. (출처: a2ui.org 공식 문서, 2026년 3월 기준)

지금 당장 A2UI를 도입하려 한다면 v0.8을 기준으로 개발하는 것이 맞습니다. v0.9는 드래프트이기 때문에 breaking change가 발생할 수 있고, 공식 reference 렌더러(Lit·Angular·Flutter)도 현재 v0.8 기준으로 제공됩니다. v0.9 변화 방향을 참고해서 설계는 유연하게 하되, 프로덕션 배포는 v0.8로 진행하는 것이 안전합니다.

▲ 목차로 돌아가기

5분 안에 A2UI 직접 실행해보기

Gemini API 키 하나면 충분하다

구글은 공식 GitHub 저장소에 식당 예약 찾기 샘플(restaurant_finder)을 포함해 즉시 실행 가능한 데모를 제공합니다. 로컬 환경에 Node.js와 Python이 설치되어 있고 Gemini API 키(ai.google.dev에서 무료 발급)가 있으면 5분 안에 직접 동작을 확인할 수 있습니다. (출처: a2ui.org 공식 Quickstart 문서)

# 1. 저장소 클론
git clone https://github.com/google/A2UI.git
# 2. API 키 설정
export GEMINI_API_KEY="your_gemini_api_key"
# 3. 백엔드 에이전트 실행 (터미널 1)
cd A2UI/samples/agent/adk/restaurant_finder
uv run .
# 4. 프론트엔드 실행 (터미널 2)
cd A2UI/samples/client/lit/shell
npm install && npm run dev
# 5. 브라우저에서 확인: http://localhost:5173

실행하면 “근처 이탈리안 레스토랑 예약해줘”라고 입력했을 때, 에이전트가 텍스트 대신 날짜·시간·인원수가 포함된 예약 폼을 즉시 생성해서 화면에 렌더링하는 장면을 볼 수 있습니다. 이것이 A2UI가 작동하는 실제 방식입니다. Flutter에서 확인하고 싶다면 docs.flutter.dev/ai/genui의 GenUI SDK 시작 가이드를 따르면 됩니다.

Google Chat용 A2UI 연동을 원한다면 Google 공식 퀵스타트(developers.google.com/workspace/add-ons/chat/quickstart-a2ui-agent)를 참고합니다. ADK, Vertex AI Agent Engine, Apps Script가 모두 연동되는 방법이 단계별로 안내되어 있으며, 2026년 3월 2일 기준으로 문서가 최신 상태입니다. (출처: Google Workspace Developers 공식 문서, 2026.03.02)

▲ 목차로 돌아가기

Q&A — 실사용자가 가장 많이 묻는 것

▲ 목차로 돌아가기

마치며

A2UI가 흥미로운 이유는 기술적 완성도가 아니라 문제 설정 방식에 있습니다. 기존의 AI UI 논의가 대부분 “LLM이 생성한 텍스트를 어떻게 예쁘게 보여줄까”에 집중했다면, A2UI는 방향을 완전히 바꿨습니다. “에이전트가 직접 화면을 구성한다면 어떤 포맷이 안전하고 범용적인가”라는 질문에서 출발했습니다.

결과는 선언적 JSON, 컴포넌트 카탈로그, 평면 리스트 구조라는 세 가지 선택입니다. 각각이 보안·생성 안정성·크로스 플랫폼 문제를 해결합니다. 이미 수십만 명이 쓰는 Google Opal과 기업 에이전트, Flutter 앱에서 프로덕션 검증을 마쳤습니다.

물론 A2UI가 완성된 표준은 아닙니다. v0.9는 아직 드래프트이고, React·SwiftUI·Jetpack Compose용 공식 렌더러는 커뮤니티 기여를 기다리고 있습니다. MCP와의 브릿지 통합도 로드맵 단계입니다. 하지만 “AI가 텍스트만 생성한다”는 전제가 빠르게 무너지고 있는 지금, A2UI가 그 이후를 어떻게 설계할지를 제안하고 있다는 사실 자체가 중요합니다.

▲ 목차로 돌아가기

📚 본 포스팅 참고 자료

1. Google Developers Blog — Introducing A2UI: An open project for agent-driven interfaces (2025.12.15)
   https://developers.googleblog.com/introducing-a2ui-an-open-project-for-agent-driven-interfaces/
2. A2UI 공식 문서 — What is A2UI? / v0.8 Stable 기준
   https://a2ui.org/introduction/what-is-a2ui/
3. A2UI 공식 에코시스템 비교 — A2UI vs MCP Apps vs AG UI
   https://a2ui.org/introduction/agent-ui-ecosystem/
4. Google Workspace 공식 개발자 문서 — Agent2UI(A2UI) 퀵스타트 (2026.03.02)
   https://developers.google.com/workspace/add-ons/chat/quickstart-a2ui-agent
5. Flutter GenUI SDK 공식 문서
   https://docs.flutter.dev/ai/genui
6. A2UI GitHub 공식 저장소 (Apache 2.0)
   https://github.com/google/A2UI