Built for Claude Code

Design mobile apps
with AI

Verso is a design tool that turns natural language into production-ready mobile screens. Describe what you want, watch it appear in real time.

Start Designing See how it works
useverso.app/projects/a1b2c3d4
Screens
Home
Profile
Settings
Feed
Device
Theme
Accent Color
Font
Icon Library

Everything you need

A complete design environment powered by AI, built for speed and simplicity.

Claude Code Integration

Connect Verso to Claude Code through MCP. Describe your screens in natural language and watch them come to life. AI writes the HTML, CSS, and component structure for you.

Real-time Preview

See changes instantly as AI generates your designs. Live WebSocket sync between Claude and your canvas.

Multi-Screen Canvas

Pan, zoom, and manage multiple screens on an infinite canvas. Organize your entire app flow visually.

Design System

Set themes, accent colors, fonts, and icon libraries. AI follows your design tokens across every screen. Export individual screens as PNG or your entire project as a ZIP with clean HTML files.

Get started in minutes

1

Sign in and get your API token

Create an account with Google, then copy your API token from the user menu. You'll need it to connect Claude Code.

2

Connect to Claude Code

Add Verso as an MCP server in Claude Code with a single command.

claude mcp add verso -- npx verso-mcp --token=YOUR_TOKEN
3

Create a project and start designing

Open a project in Verso, then tell Claude what you want. "Design a fitness tracker app with a dark theme" is all it takes.

Ready to design?

Start building beautiful mobile interfaces with the power of AI. No design experience needed.

Get Started Free