Devlery
Blog/AI

Google Stitch 2.0이 Figma 주가를 12% 떨어뜨렸다, Vibe Design의 시작

Google이 AI 네이티브 디자인 캔버스 Stitch 2.0을 무료로 출시하며 Figma 주가가 12% 급락했습니다. Voice Canvas, Vibe Design, SDK/MCP 서버 통합으로 디자인 도구 시장의 판도가 바뀌고 있습니다.

Google이 Stitch 2.0을 들고 나왔습니다. 3월 18일부터 20일에 걸쳐 공개된 이번 업데이트는 AI 네이티브 무한 캔버스, 음성으로 디자인하는 Voice Canvas, "Vibe Design" 모드, 그리고 SDK와 MCP 서버를 한꺼번에 쏟아냈습니다. 가격은 완전 무료입니다. 발표 당일 Figma 주가는 12% 급락했고, 이후 추가로 4% 더 빠졌습니다. "Vibe Coding"이 개발자의 코드 작성 방식을 뒤흔든 것처럼, Google은 이제 "Vibe Design" 이라는 이름으로 디자인의 패러다임을 바꾸겠다고 선언한 것입니다.

왜 이 뉴스가 중요할까요? $20B 가치를 인정받은 Figma가 지배하는 디자인 도구 시장에, Google이 무료 AI 네이티브 도구로 직접 도전장을 던졌기 때문입니다. 그리고 불과 일주일 뒤인 3월 25일, Figma는 MCP 서버 write-to-canvas 베타를 급히 출시했습니다. 디자인 도구의 AI 전쟁이 본격적으로 시작되었습니다.

Vibe Coding 이후, 디자인 도구 시장에 무슨 일이 벌어지고 있나

Stitch 2.0을 이해하려면 "Vibe Coding"이라는 개념이 지난 1년간 개발 워크플로우를 어떻게 바꿨는지부터 짚어야 합니다. Vibe Coding은 구체적인 코드를 한 줄씩 작성하는 대신, 원하는 결과를 자연어로 설명하면 AI가 코드를 생성하는 접근법입니다. Claude Code, Cursor, Copilot 같은 도구들이 이 패러다임을 현실로 만들었고, 개발자의 역할은 "코드 작성자"에서 "코드 감독자"로 빠르게 이동하고 있습니다.

같은 변화가 디자인 영역에서도 일어날 수 있을까요? Google은 "그렇다"고 답합니다.

디자인 도구 시장은 오랫동안 Figma의 독주 체제였습니다. 2022년 Adobe가 $20B에 인수를 시도했다가 규제 당국의 반대로 무산된 이후, Figma는 독립 기업으로 상장까지 마쳤습니다. 디자인 팀의 사실상 표준이 된 Figma에 도전하는 것은 무모해 보였습니다. 하지만 AI가 게임의 규칙을 바꾸고 있습니다.

Google의 움직임은 2025년 초 Galileo AI 인수에서 시작됩니다. Galileo AI는 텍스트 프롬프트만으로 UI 디자인을 생성하는 스타트업이었고, Google은 이를 Gemini 모델 패밀리와 통합했습니다. 2025년 5월 Google I/O에서 Stitch를 Google Labs 실험으로 처음 선보였고, 12월에 Gemini 3 모델을 통합하며 Instant Prototypes 기능을 추가했습니다. 그리고 2026년 3월, 대규모 업데이트로 본격적인 경쟁 제품의 면모를 갖추게 된 것입니다.

배경에는 더 큰 흐름이 있습니다. Figma 주가는 2026년 들어 약 35% 하락했는데, 이는 소프트웨어 업계 전반의 조정과 AI 디자인 도구의 위협이 겹친 결과입니다. 투자자들은 AI가 디자인 도구의 가치 제안을 근본적으로 변화시킬 수 있다는 점을 가격에 반영하기 시작했습니다.

Stitch 2.0 핵심 분석: 무엇이 달라졌나

AI-Native Infinite Canvas

Stitch 2.0의 핵심 철학은 기존 도구와 근본적으로 다릅니다. Figma나 Sketch처럼 "기존 도구에 AI를 추가" 한 것이 아니라, "AI에 공간 인터페이스를 입힌" 접근입니다. 캔버스 자체가 AI와의 대화 공간입니다.

이미지, 텍스트, 코드 스니펫, 경쟁사 레퍼런스, 사용자 설명 등 다양한 입력을 동시에 캔버스에 올리면, AI가 이 모든 것을 컨텍스트로 활용합니다. 한 번에 최대 5개 연결된 화면을 생성할 수 있고 (기존에는 1개), 화면을 클릭하면 AI가 논리적으로 다음 화면을 자동 생성합니다. "Play" 버튼을 누르면 인터랙티브 앱 플로우를 즉시 미리볼 수 있습니다.

Voice Canvas: 음성으로 디자인하다

Voice Canvas는 이번 업데이트에서 가장 직관적인 변화입니다. 캔버스에 직접 음성으로 디자인을 지시할 수 있습니다. AI 에이전트가 듣고, 명확화 질문을 하고, 실시간으로 디자인 비평을 제공하며, 라이브 업데이트를 실행합니다.

"세 가지 다른 메뉴 옵션을 보여줘"

"체크아웃 버튼을 더 강조해줘"

"이 화면을 다른 색상 팔레트로 보여줘"

이런 음성 명령이 실시간으로 캔버스에 반영됩니다. 초기 탐색 단계에서 클릭 기반 인터페이스보다 근본적으로 빠르다는 것이 Google의 주장이고, 시니어 디자이너의 리뷰 피드백을 모방하는 대화형 디자인 비평 기능은 주니어 디자이너에게 특히 유용할 수 있습니다.

Vibe Design: 감성을 전달하면 디자인이 나온다

"Vibe Design"은 이번 업데이트의 핵심 개념입니다. 전통적인 디자인 프로세스에서는 와이어프레임을 그리고, 구체적인 컴포넌트를 지정하고, 그리드와 타이포그래피를 세밀하게 조정합니다. Vibe Design은 이 과정을 뒤집습니다.

비즈니스 목표와 원하는 감성을 설명하면, 시스템이 해당 "vibe"에 맞는 여러 디자인 방향을 동시에 생성합니다.

"premium and minimalist, like Stripe"

이렇게 감성을 전달하면 그리드, 브레이크포인트, 타입 스케일 같은 구조적 결정을 AI가 처리합니다. Google Labs PM Rustin Banks는 이를 두고 이렇게 말했습니다.

"며칠이 아니라 몇 분 만에 작업을 완료할 수 있습니다."

(원문: "minutes rather than days")

전통적으로 디자인 팀이 일주일 걸리던 아이디에이션 작업을 시간 단위로 압축할 수 있다는 것입니다. 물론 이것이 최종 프로덕션 디자인을 의미하지는 않습니다. 하지만 초기 방향 탐색 단계에서의 속도 차이는 압도적입니다.

Stitch 2.0 워크플로우 아키텍처

입력Voice Canvas음성 · 텍스트 · 이미지 · 레퍼런스
처리AI Canvas무한 캔버스 · 최대 5개 화면 동시 생성
생성Vibe Design감성 기반 다중 디자인 방향 탐색
에이전트Design Agent / Agent Manager병렬 탐색 · 실시간 비평 · 디자인 인터뷰
연동@google/stitch-sdk · MCP 서버DESIGN.md · React Components 내보내기
코딩 에이전트Claude Code
코딩 에이전트Cursor · Gemini CLI

Design Agent와 Agent Manager

Stitch 2.0에는 두 가지 에이전트 개념이 도입되었습니다. Design Agent는 프로젝트 전체의 진화를 추적하고 추론하는 AI 에이전트입니다. 실시간 비평을 제공하고, 디자인 인터뷰를 수행하며, 랜딩 페이지를 생성합니다.

Agent Manager는 더 흥미로운 개념입니다. 여러 디자인 방향을 병렬로 탐색하면서 공유 프로젝트 컨텍스트를 유지합니다. 전통적인 디자인 프로세스가 순차적이고 단일 스레드였다면, Agent Manager는 여러 가능성을 동시에 탐색하는 멀티 스레드 디자인을 가능하게 합니다. 이는 코딩 영역에서 여러 에이전트가 병렬로 작업하는 트렌드와 정확히 맞닿아 있습니다.

SDK와 MCP 서버: 개발자를 위한 진짜 무기

개발자 관점에서 가장 주목해야 할 부분은 @google/stitch-sdkMCP 서버입니다. Stitch 프로젝트에 프로그래밍 방식으로 접근할 수 있게 되었고, MCP 서버를 통해 Claude Code, Cursor, Gemini CLI, VS Code 등 주요 AI 코딩 도구와 직접 연동됩니다.

특히 두 가지 Agent Skills가 핵심입니다.

Design MD는 디자인 문서를 마크다운으로 자동 생성합니다. DESIGN.md라는 포맷으로 색상, 타이포그래피, 간격, 컴포넌트 등 디자인 규칙을 기계가 읽을 수 있는 형태로 캡처합니다. Claude, Gemini 등 코딩 어시스턴트가 이 파일을 읽고 디자인 시스템에 맞는 코드를 생성할 수 있습니다.

React Components는 Stitch 디자인을 프로덕션 레디 React 코드로 변환합니다.

이 조합이 의미하는 것은 명확합니다. 기존에는 디자이너가 에셋을 내보내면 개발자가 수동으로 코드로 번역하는 "핸드오프"가 필요했습니다. 이제는 코딩 에이전트에게 이렇게 말하면 됩니다.

# Claude Code에서 Stitch MCP 서버를 통해 디자인 참조
claude "Stitch 프로젝트의 메인 대시보드 화면을 React로 구현해줘"

코딩 에이전트가 Stitch MCP를 통해 디자인 정보를 읽고, DESIGN.md의 규칙을 참조하며, React 컴포넌트를 생성합니다. 디자인에서 코드까지 끊김 없는 파이프라인이 완성되는 것입니다.

코드 내보내기는 현재 HTML/CSS와 Tailwind를 지원합니다. React/Vue/SwiftUI 네이티브 내보내기는 아직 지원하지 않지만, 이는 향후 추가될 것으로 예상됩니다.

가격: 완전 무료라는 파괴력

Stitch 2.0의 가격 정책은 경쟁사에게 직접적인 타격입니다.

  • Standard 모드: 월 350회 생성 (Gemini 2.5 Flash)
  • Experimental/Pro 모드: 월 50~200회 생성 (Gemini 2.5 Pro, 최대 충실도)
  • 합계: 월 최대 550회 생성
  • 비용: 0원. Google 계정만 있으면 사용 가능

신용카드도, 구독도 필요 없습니다. Google Labs 실험 단계이기에 가능한 가격이지만, Google이 검색과 Gmail을 무료로 제공해온 전략을 떠올리면 유료 전환이 쉽지 않을 수 있습니다. Figma의 유료 플랜이 월 $12~75인 것을 감안하면, 특히 스타트업과 개인 개발자에게는 무시할 수 없는 차이입니다.

경쟁 구도: Figma vs Stitch, 그리고 AI 디자인 도구 지형

도구가격AI 모델강점MCP코드 내보내기타겟
Google Stitch무료Gemini 2.5/3AI 네이티브 · 빠른 아이디에이션개인 · 스타트업
Figma$15–75/월Figma AI협업 · 디자인 시스템 관리팀 · 기업
Adobe FireflyCC 포함자체 모델IP 안전 · 이미지 생성디자이너
Canva AI무료~$30/월자체 모델쉬운 UX · 마케팅 콘텐츠비디자이너
Framer AI$5–30/월GPT 기반웹사이트 생성 · 퍼블리싱1인 개발자

Stitch MCP vs Figma MCP: 디자인-코드 파이프라인 전쟁

가장 흥미로운 경쟁 구도는 Stitch MCP와 Figma MCP 사이에서 벌어지고 있습니다. 시간순으로 보면 이렇습니다.

  • 3월 18~20일: Google이 Stitch SDK + MCP 서버를 출시
  • 3월 25일: Figma가 MCP 서버 write-to-canvas 베타를 출시

불과 일주일 간격입니다. Figma의 MCP 서버 출시가 Stitch에 대한 직접적 대응이었는지 단정하기는 어렵지만, 타이밍은 의미심장합니다. 두 도구 모두 Claude Code, Cursor 등 주요 코딩 에이전트와 연동되며, "디자인-코드 파이프라인"의 표준을 놓고 경쟁하고 있습니다.

접근 방식에는 차이가 있습니다. Figma MCP는 16개 MCP 도구를 노출하고, use_figma를 통해 Plugin API 전체를 에이전트에게 열어줍니다. Skills 프레임워크로 마크다운 파일만으로 에이전트를 교육할 수 있습니다. 기존 디자인 시스템과 컴포넌트 라이브러리가 그대로 유지되는 것이 강점입니다.

Stitch MCP는 SDK + MCP 서버 조합에 DESIGN.md 포맷과 React Components Agent Skills를 제공합니다. 처음부터 AI 네이티브로 설계되었기에 디자인 생성과 코드 변환의 파이프라인이 더 매끄럽습니다. 하지만 디자인 시스템 관리나 팀 협업 기능은 없습니다.

각 도구의 영역

현재 AI 디자인 도구 시장의 지형을 정리하면 각 도구가 차지하는 영역이 명확해집니다.

Google Stitch는 0에서 1로 가는 아이디에이션과 빠른 프로토타이핑에서 압도적입니다. 몇 분 만에 10개의 컨셉을 생성하고, 음성으로 실시간 수정하며, 무료라는 가격은 진입 장벽을 완전히 제거합니다. 하지만 프로덕션급 디자인 시스템, 팀 협업, 컴포넌트 라이브러리 관리에서는 아직 Figma의 상대가 되지 않습니다.

Figma는 여전히 프로덕션 디자인의 절대 강자입니다. 디자인 시스템, 실시간 협업, 핸드오프 워크플로우에서 대체 불가능한 위치를 차지하고 있습니다. 하지만 AI 기능은 상대적으로 제한적이고, 유료라는 점이 Stitch 대비 부담입니다.

Adobe Firefly는 엔터프라이즈 환경에서 IP 보호가 중요한 비주얼 에셋 생성에 강점이 있지만, UI 디자인 도구로서의 역할은 제한적입니다. Canva AI는 비디자이너의 마케팅 콘텐츠 제작에, Framer AI는 웹사이트 생성과 퍼블리싱에 특화되어 있습니다.

실무에 미치는 영향

프론트엔드 개발자에게

가장 직접적인 변화는 디자인-코드 핸드오프의 소멸입니다. Stitch MCP를 Claude Code나 Cursor에 연결하면, 디자인 파일을 직접 참조하며 코드를 생성할 수 있습니다. DESIGN.md가 디자인 시스템의 규칙을 기계가 읽을 수 있는 형태로 제공하기 때문에, "디자인 시안과 구현 사이의 괴리"라는 고질적 문제가 줄어들 수 있습니다.

Stitch가 Tailwind 코드를 내보낸다는 점도 주목할 만합니다. Tailwind를 사용하는 프로젝트라면, Stitch에서 디자인한 결과물을 거의 그대로 코드에 가져올 수 있습니다.

디자이너에게

Stitch 2.0이 시사하는 디자이너의 역할 변화는 상당합니다. NxCode의 분석이 이를 잘 요약합니다.

"디자이너의 가치가 '픽셀 제작'에서 '큐레이션과 판단'으로 이동하고 있습니다."

Stitch가 몇 분 만에 10개의 디자인 방향을 생성할 수 있다면, 디자이너의 핵심 역량은 "어떤 방향이 맞는지 판단하고 정제하는 것"이 됩니다. 이는 Vibe Coding에서 개발자의 역할이 "코드 작성"에서 "코드 검수와 방향 설정"으로 이동한 것과 정확히 같은 패턴입니다.

스타트업과 소규모 팀에게

무료라는 가격 정책은 스타트업에게 특히 의미가 큽니다. 전용 디자이너 없이도 제품 매니저나 개발자가 초기 프로토타입을 빠르게 만들 수 있습니다. "Stitch에서 탐색, Figma에서 정제"라는 워크플로우가 정착되면, 디자인 도구 비용 구조 자체가 바뀔 수 있습니다.

무료
가격
Google 계정만 있으면 사용 가능
550회/월
생성 한도
Standard 350 + Experimental 50 + Canvas 150
-12%
Figma 주가 하락
발표 당일 급락, 다음 날 추가 -4%
5
동시 생성 화면
연결된 화면 한 번에 생성 (기존 1개)
6
호환 코딩 도구
Claude Code · Cursor · Gemini CLI · VS Code · Antigravity · Cloud Code

커뮤니티 반응: 찬사와 회의론

시장의 판단

가장 직접적인 반응은 주가에서 나왔습니다. CNBC에 따르면 Figma 주가는 발표 당일(3월 19일) 8~12% 급락했고, 다음 날 추가로 4% 이상 하락했습니다. Stocktwits의 소매 투자자들은 Figma(FIG)에 대해 약세 심리를 유지하고 있으며, 2026년 누적 주가 하락률은 약 35%에 달합니다.

긍정적 반응

초기 사용자들의 반응은 속도에 집중되어 있습니다.

"2일 걸리던 디자인 작업을 20분에 완료했습니다."

"Stitch는 0에서 1로 가는 아이디에이션 단계를 지배합니다. 몇 분 만에 10개 컨셉을 생성할 수 있습니다."

SDK와 MCP 통합에 대한 개발자 커뮤니티의 반응도 긍정적입니다. 디자인에서 코드까지의 파이프라인이 근본적으로 변할 수 있다는 기대감이 있습니다. 무료 가격 정책이 진입 장벽을 완전히 제거했다는 점도 반복적으로 언급됩니다.

회의적 시각

경험 많은 디자이너들의 반응은 다릅니다.

"경험 많은 디자이너에게는 거의 쓸모없습니다. 도구를 없애고 모든 것을 AI에 위임하는 것입니다."

구체적인 제한사항들도 지적됩니다. 프로덕션급 디자인 시스템과 컴포넌트 라이브러리 관리가 불가능하고, 단일 사용자 전용이라 실시간 협업이 되지 않습니다. 코드 내보내기도 HTML/CSS에 한정되어 React, Vue, SwiftUI 같은 프레임워크 네이티브 내보내기를 지원하지 않습니다. 월 550회라는 생성 횟수 제한도 헤비 유저에게는 부족할 수 있습니다. Google Labs 실험 단계라 서비스 지속성 자체가 불확실하다는 우려도 있습니다.

균형 잡힌 시각

가장 설득력 있는 분석은 Stitch를 Figma의 대체재가 아닌 보완재로 보는 시각입니다. Nervegna의 분석이 대표적입니다.

"Stitch는 Figma의 프로덕션 디자인 역할을 대체하지 않습니다. 워크플로우는 이렇게 될 것입니다: Stitch에서 탐색, Figma에서 정제, AI 코딩 도구로 구현."

NxCode도 비슷한 결론을 내립니다.

"Stitch는 빠른 탐색과 프로토타이핑에서 탁월합니다. Figma는 상세 디자인 시스템, 팀 협업, 프로덕션 핸드오프에서 더 강합니다."

결국 두 도구는 디자인 프로세스의 서로 다른 단계를 담당하게 될 가능성이 높습니다.

전망: AI가 창작 도구를 재정의하는 흐름

Stitch 2.0이 보여주는 것은 단일 제품의 업데이트를 넘어서는 구조적 변화입니다.

첫째, "Vibe" 패러다임의 확장입니다. Vibe Coding이 코딩을, Vibe Design이 디자인을 바꾸고 있습니다. 다음은 무엇일까요? Vibe Marketing, Vibe Analytics 같은 영역으로의 확장은 시간문제입니다. 세밀한 조작 대신 의도와 감성을 전달하면 AI가 실행하는 패러다임이 모든 창작 도구로 퍼지고 있습니다.

둘째, MCP 생태계의 가속입니다. Stitch와 Figma가 동시에 MCP 서버를 출시한 것은 MCP가 AI 도구 통합의 사실상 표준으로 자리 잡고 있음을 보여줍니다. 디자인 도구뿐 아니라, 프로젝트 관리, 문서 작성, 데이터 분석 도구들이 MCP 서버를 통해 AI 에이전트와 연결되는 흐름이 가속될 것입니다.

셋째, 무료 AI 도구의 위협입니다. Google이 검색과 이메일을 무료로 제공하며 광고 생태계를 구축한 것처럼, 디자인 도구도 같은 전략이 적용될 수 있습니다. Stitch가 무료인 채로 기능을 확장해 나간다면, 유료 디자인 도구들은 "프로덕션 품질"과 "팀 협업"이라는 프리미엄 영역에서의 가치를 더욱 강화해야 합니다.

넷째, 주시해야 할 후속 동향이 있습니다. Stitch의 React/Vue/SwiftUI 네이티브 내보내기 추가, 실시간 협업 기능 도입, 디자인 시스템 통합 여부가 향후 판도를 결정할 핵심 변수입니다. 이 세 가지 제약이 해소되면, Stitch는 Figma의 보완재를 넘어 진정한 대체재로 진화할 수 있습니다.

Google Stitch — Voice Canvas
Play ▶
Voice Input
"세 가지 다른 색상 팔레트로 체크아웃 화면을 보여줘"
Premium Dark
결제하기
Gemini 2.5 Pro
Minimal Blue
결제하기
선택됨
Warm Green
결제하기
Gemini 2.5 Flash
G

Design Agent 비평

"Minimal Blue 방향이 체크아웃 전환율에 유리합니다. CTA 버튼의 대비율이 WCAG AA를 충족하며, 입력 필드 간격이 모바일 터치 환경에 최적화되어 있습니다."

디자인 도구 시장은 지난 10년간 Figma의 "실시간 협업"이라는 혁신 이후 가장 큰 변곡점을 맞이하고 있습니다. 그 변곡점의 이름은 AI입니다. Vibe Coding이 "코드를 작성하는 방법"을 근본적으로 바꾼 것처럼, Vibe Design은 "디자인을 만드는 방법"을 바꾸기 시작했습니다. Google Stitch와 Figma MCP가 벌이는 경쟁의 최종 수혜자는 결국 우리, 즉 디자인과 코드 사이에서 일하는 개발자와 디자이너가 될 것입니다.