Google Stitch - 바이브코딩 다음은 바이브 디자인입니다

Google이 "바이브 디자인"이라는 이름까지 붙이며 무료로 공개한 AI 디자인 도구입니다. 직접 써보니, 아직은 Claude Code로 코드 기반 UI를 만드는 쪽이 더 빠릅니다.

발표 트윗 조회수는 700만을 기록했고, 같은 날 Adobe 주가는 하락했습니다. Google이 3월 18일에 공개한 AI 디자인 도구 하나가 이 정도 반응을 일으킨 셈입니다. Google은 여기에 "바이브 디자인"이라는 이름을 붙였고, 도구는 무료로 공개했습니다.

직접 써본 뒤의 결론은 간단합니다. 아직은 기대보다 아쉽습니다.


프롬프트로 UI를 만드는 바이브 디자인

바이브코딩은 만들고 싶은 것을 말하면 AI가 코드를 짜주는 방식입니다. 바이브 디자인은 같은 발상으로, 만들고 싶은 화면을 말하면 AI가 디자인을 만듭니다. Google은 이 방식에 공식 이름을 붙였고, 와이어프레임이나 Figma 없이도 "깔끔하고 신뢰감 있는 은행 앱 느낌"이라고 말하면 고해상도 UI를 내놓습니다.

발상 자체는 그럴듯합니다. 다만 실제로 써 보면, 화면을 원하는 대로 만들고 고치는 과정에서 한계가 드러납니다.


생성 품질과 부분 수정의 한계

stitch.withgoogle.com에 Google 계정으로 들어가면 설치 없이 바로 시작할 수 있습니다. 무한 캔버스에 이미지, 텍스트, 스케치 사진을 올려놓고 프롬프트를 입력합니다. 한 번에 최대 5개 화면까지 생성할 수 있습니다.

새소식26개 새소식
New
AI 코딩 에이전트의 화면을 디자이너의 기준으로 설계하는 Hallmark

Hallmark는 Claude Code·Cursor·Codex가 만든 웹 화면의 반복 패턴을 점검하는 스킬입니다. 기본 동작과 세 가지 명령의 쓰임, 설치 방법, 테스트 폴더에서 확인할 항목을 정리합니다.

Octigen, 매달 바뀌는 데이터만 넣어 PowerPoint 보고서를 다시 만듭니다

Octigen은 기존 PowerPoint 템플릿과 월별 Excel 파일을 연결해 반복 보고서를 만듭니다. 연결 구조를 만들 때는 AI가 변환 단계를 만들고, 다음 달부터는 같은 규칙으로 데이터를 채워 담당자가 숫자와 문구를 검토하는 흐름입니다.

AI에게 일반 사용자처럼 화면을 보게 하는 UX 피드백봇

ChatGPT 프로젝트에 일반 사용자 관점의 지침을 저장하고, Claude Design에서 여러 페르소나의 반응을 비교해 배포 전 화면의 혼란 지점을 찾는 흐름을 소개합니다.

Slack Workflow Builder로 채널의 반복 요청을 폼으로 받기

Slack Workflow Builder로 반복 요청을 정해진 질문으로 받고, 응답을 채널 메시지와 Google Sheets에 연결하는 흐름을 정리합니다.

Markdown 폴더는 그대로 두고 위키 화면만 얹는 LeafWiki

문서를 옮기지 않고 찾는 화면만 얹고 싶은 팀을 위해, LeafWiki 도입 전에 링크 변경·리싱크·로그인 모드에서 확인할 지점을 정리했습니다.

nanobot, 채팅에서 파일과 예약 작업을 처리하는 개인 AI 에이전트

nanobot은 채팅 요청을 파일 작업과 예약 실행으로 이어 주는 개인 AI 에이전트입니다. 회의록 정리와 알림을 예로, 맡길 범위와 확인할 항목을 살펴봅니다.

Meetily, 회의를 전사하고 요약하는 로컬 AI 회의록 도구

Meetily는 녹음과 전사를 기기에서 처리하고, 요약에는 로컬 AI나 사용자가 고른 API를 연결할 수 있는 회의록 도구입니다.

Codex 사용 분석: AI에게 질문하던 사람들이 일을 맡기기 시작했습니다

OpenAI의 Codex 사용 분석에서 비개발자 사용 급증과 위임 시간의 변화를 읽습니다. 수치의 전제를 확인하고, 내 업무에서 맡길 일을 고르는 기준까지 정리했습니다.

OfficeCLI, 매달 고치는 보고서 파일을 AI에게 맡기기

OfficeCLI는 Word, Excel, PowerPoint 파일을 AI 에이전트가 읽고 고치게 하는 단일 바이너리 도구입니다. 보고서 파일 한 건으로 시작해 결과물을 화면에서 확인합니다.

문서를 열기 전에, 먼저 ‘어디로 보낼지’ 정합니다

Document Classify는 문서 양식 대신 팀이 정한 분류 설명을 읽어 PDF·스캔본·이미지를 나눕니다. 문서 20건을 작은 표본으로 시험한 뒤, 어느 결과까지 자동으로 넘길지 정합니다.

Pagecast로 보고서 파일을 링크로 공유하기

Pagecast는 AI 코딩 에이전트가 만든 HTML·Markdown 보고서를 Cloudflare Pages 링크로 발행해 공유하는 도구입니다. 파일 첨부 대신 웹 링크로 넘기는 절차와 주의점을 정리했습니다.

Ponytail: AI가 일을 크게 벌이지 않게 하기

Ponytail은 Claude Code나 Codex가 작은 수정까지 과하게 키우지 않도록 ‘덜 만들고 덜 건드리는’ 기준을 붙이는 스킬입니다. lite/full/ultra 모드와 Hooks 확인 기준을 함께 봅니다.

agent-handoff로 Claude Code와 Codex 사이에서 작업 넘기기

agent-handoff는 Claude Code와 Codex 사이에서 세션 맥락을 손으로 요약하지 않고 넘기는 도구입니다. 넘길 대화와 이어갈 에이전트만 고르면 작업 전환이 쉬워집니다.

Figma MCP가 캔버스에 편집 가능한 결과물을 만듭니다

Figma MCP에 use_figma가 추가됐습니다. AI가 Figma 캔버스에 프레임과 컴포넌트를 만들고, 디자이너가 편집 가능한 결과물을 이어서 다듬습니다.

AI 에이전트 하네스 - 에이전트 격리와 오케스트레이션

복잡한 자동화를 하나의 거대한 에이전트에게 맡기지 않고, 독립 에이전트와 오케스트레이션으로 나누는 설계 관점입니다. 2026년형 AI 자동화의 기본 구조를 설명합니다.

Humanizer: AI 문장 냄새를 줄이는 글쓰기 스킬

Humanizer는 AI가 쓴 초안에서 AI 문장 냄새를 줄이는 글쓰기 스킬입니다. 문체 샘플과 확인 기준을 넣어 퇴고 기준을 반복해서 적용하는 방식입니다.