Code Arena는 월간 방문 35,827,928, 전월 대비 성장률 +19.4%, 무료 가격 모델을 기록합니다. Stitch는 월간 방문 4,725,324, 성장률 -13.9%, 무료+유료 가격 모델을 기록합니다.
Code Arena is a hands-on playground and leaderboard where you can pit leading AI coding models against each other on real web builds, comparing speed, accuracy, and logic in live side-by-side battles.
프롬프트로 모바일·웹 UI 디자인을 생성하는 Google의 AI 도구
| 항목 / 지표 | | |
|---|---|---|
| 공식 도메인 | arena.ai | stitch.withgoogle.com |
| 가격 모델 | 무료 | 무료+유료 |
| 월간 방문 수 | 3582.79만 (35,827,928) | 472.53만 (4,725,324) |
| 전월 대비 트래픽 변화량 | +583.28만 (+19.4%) | -76.03만 (-13.9%) |
| 주요 시장 및 점유율 | 🇮🇳 인도 (13.1%) | 🇮🇳 인도 (18.8%) |
| 월 직접 방문 수 | 2433.99만 | 240.03만 |
| 사용자 평점 | 4.7 | 4.4 |
| 지원 플랫폼 | 웹사이트 | 웹사이트 |
Code Arena is a hands-on playground and leaderboard where you can pit leading AI coding models against each other on real web builds, comparing speed, accuracy, and logic in live side-by-side battles.
Send the same coding prompt to multiple leading models and compare their generated apps and logic side by side.
Watch models construct web apps and websites live, so you can see process and output, not just the final file.
Projects go beyond one-off snippets, testing how well a model structures components, routes, and styles together.
Track which coding models accumulate the most wins over time to identify consistently strong performers.
프롬프트로 모바일·웹 UI 디자인을 생성하는 Google의 AI 도구
앱 화면을 자연어로 설명하면 모바일과 웹 레이아웃을 포함한 완성된 UI 디자인을 여러 개 생성합니다.
스케치, 스크린샷, 기존 화면을 업로드하면 이에 맞는 디자인 해석을 만들어 냅니다.
추가 프롬프트로 레이아웃, 색상 테마, 컴포넌트를 바꾸며 처음부터 다시 하지 않고 반복 수정할 수 있습니다.
디자인과 개발 인계에 적합한 내보내기로 생성한 디자인을 구현 단계로 넘길 수 있습니다.
Builds full-stack web applications from natural language, moving further into functional app development than standard UI design tools.
Builds full-stack web applications from natural language, moving further into functional app development than standard UI design tools.
텍스트 프롬프트에서 직접 고품질 프론트엔드 코드를 생성하지만, 순수 디자이너라기보다는 개발자 도구에 가깝게 작동합니다.
AI 모델이 겨루고 사람의 투표가 최고의 디자인 결과물을 결정하는 크라우드소싱 아레나
수정 가능한 와이어프레임과 목업을 비슷하게 생성하지만, 디자인 시스템 및 Figma와의 연동성이 더 뛰어납니다.
코딩 에이전트에 진짜 디자인 감각을 부여하는 Agent Skills
무료 / 오픈소스수백만 개의 공개 SKILL.md 에이전트 스킬을 검색하고 연구하세요
무료 / 오픈소스수백만 개의 공개 SKILL.md 에이전트 스킬을 검색하고 연구하세요
스케치와 텍스트 프롬프트를 와이어프레임으로 변환해주지만, 실무 코드 생성보다는 빠른 프로토타이핑에 더 집중합니다.
스케치와 텍스트 프롬프트를 와이어프레임으로 변환해주지만, 실무 코드 생성보다는 빠른 프로토타이핑에 더 집중합니다.
PRD와 프롬프트를 바탕으로 다중 화면 대화형 프로토타입을 빌드하지만, 내보내기 가능한 코드에 조금 더 중점을 둡니다.
PRD와 프롬프트를 바탕으로 다중 화면 대화형 프로토타입을 빌드하지만, 내보내기 가능한 코드에 조금 더 중점을 둡니다.
프롬프트로부터 코드 준비가 된 UI 컴포넌트를 빠르게 생성하지만, 고급 다중 화면 사용자 흐름 관리 기능은 부족합니다.
프롬프트로부터 코드 준비가 된 UI 컴포넌트를 빠르게 생성하지만, 고급 다중 화면 사용자 흐름 관리 기능은 부족합니다.
특화 강점와이어프레임, 다이어그램, AI 에이전트를 한데 모은 온라인 화이트보드
