Babul docs

Capture your product, change it on branches, merge versions, and take the design into your code.

How do I capture pages behind a sign-in? ⌘K

Popular: Capture behind a sign-in· Patch, minor or major?· Connect Claude Code· Pull tokens to Tailwind

Start here

Quickstart

From sign-up to your first version in ten minutes.

10 min

Install the CLI

Pull tokens, icons and components into your repo.

2 min

Connect MCP

Claude Code, Cursor, Codex or VS Code.

2 min

Product

What Babul holds for your product, and what it found.

Journey

Pages and the links between them.

Pages

Every size and state.

Components

Variants, states and code.

Styles

Tokens and icons.

Analysis

Scores and what to fix.

How to use

From an edit to a new version of main.

Making changes

Edit mode and your draft.

Reviewing changes

Commit and verify.

Working on a branch

Switch and build on top.

Merging

Conflicts, merge and versions.

Words Babul uses

Main

The approved design. Nobody edits it directly.

Draft

Your changes in progress. Only you see them.

Commit

A saved set of changes with a message, on a branch.

Branch

A named line of commits that teammates can see.

Merge

Putting a branch on main. It makes a new version.

Version

A number for main, like v0.5.0: major.minor.patch.

Can't find it?

Write to us. We answer within a day.

Contact support