Your app map for the AI era

Blend brings AI to a new era of building — beyond the code editor, on a living map of your app.

Why Blend?

Chat boxes guess. Editors scroll files. Agents roam the repo. Blend starts with the app itself — so you build with intent.

See

Your product, not a folder

Blend maps real screens, navigation, and services from your codebase. You work against a living picture of the app — the same mental model you’d explain to a teammate.

Instead of prompting into a cold directory of files.

Aim

Intent before the agent runs

Turn on Select. Pin the screens and services that matter. Claude Code receives those routes and files — then edits with that boundary in mind.

Instead of hoping a CLI or IDE chat picks the right surface.

Keep

Scope is the product

Everything outside your selection stays untouched. Navigation edges come from proven code triggers — so the map stays honest, and the edit stays where you pointed.

Instead of agent sprawl rewriting half the repo.

How it works

From repo to living map to scoped edits.

Connect your codebase

Import a repo and blend scans it — detecting your framework, finding every screen, mapping navigation flows, and tracing service connections from real source code.

Analyzing your app

my-saas-app

  • Connected to repository
  • Detecting framework
  • Finding screens
  • Mapping navigation flows
  • Identifying service connections
  • Generating your flow

See your app as a living map

Each screen is a node with a live preview. Navigation edges show how users move — only drawn when your code proves the trigger exists.

my-saas-app
FlowsSelect
Sign in
Settings

Sign In

Home

Settings

Select context. Edit with precision.

Click the screens you care about and ask Claude Code. It receives the exact routes and files — so edits land in the right place.

Ask Claude Code…

Refine visually when you need to

Open a screen on the Design canvas, edit with full control, and push changes back to your folder or repo when you're done.

Open screen on Design canvas

Scoped edits, not random ones

Pin exactly what Claude can touch — then review every change before it ships.

Select

You choose what gets edited

Point to the exact screens or components you want changed. Everything else remains untouched.

edited·+27−150

Watch changes land in place

Watch edits render visually in real time. Review the live preview and accept with a click.

Get started in minutes

Import your app, see the map, then edit with Claude — from the Flow canvas.

New project

Opens in Flow

Import from GitHub
Open local folder

1Import your codebase

Connect a GitHub repo or local folder. New projects open straight into Flow.

Sign In
Home
Settings

Generating flow…

2See your Flow map

Blend finds screens, navigation, and services — then lays them out as a living map.

Select
Ask Claude Code…

3Select & edit with Claude

Turn on Select, pin the screens you care about, and ask Claude Code to change the real project.

See your app. Start shipping from the map.

Available for macOS.