Blobby Download

Docs

Getting started

From download to your first page in about five minutes.

1Install

Download Blobby for Mac, Windows or Linux and open it. The first time, Windows or macOS may ask you to confirm; here’s what to click.

2Sign in

Create an account with your email, or sign in with GitHub. The account only holds your email, name and plan. Your designs stay on your computer, as plain folders.

3Connect your AI

Blobby has no AI of its own. Your AI app drives it through MCP, so it uses the plan you already pay for. Click Connect AI at the top right of Blobby, pick your app, and follow the one step it shows:

Claude (desktop app)One click: Add to Claude, then restart Claude.
Claude CodeOne click: Add to Claude Code. Restart running sessions.
CursorOne click: Add to Cursor opens Cursor to confirm.
VS Code and GitHub CopilotOne click: Add to VS Code. For Copilot, switch its chat to Agent mode.
CodexCopy the config into ~/.codex/config.toml.
WindsurfCopy the JSON into Cascade’s MCP servers (View raw config).
Gemini CLICopy the JSON into ~/.gemini/settings.json.
Any other MCP appUse the local server address or command Blobby shows.

ChatGPT only connects to servers on the internet, so it can’t reach Blobby on your computer yet. Codex, OpenAI’s coding agent, works today.

4Your first page

Ask your AI, in its own chat:

Create a landing page for acme.com in Blobby

It studies the brand, writes a short brief, then builds the page section by section. The frame it’s working on glows while it writes, and each section appears on desktop, tablet and mobile. Before calling it done, it checks contrast, overflow and tap sizes and fixes what it finds.

5Steer it

Two ways, and you can mix them:

  • Comment. Select anything, press C and say what should change. Then tell your AI “Apply my Blobby comments”. It makes the changes and replies in each thread.
  • Edit it yourself. Select, drag and resize on the canvas; change layout, type and colour in the Design panel; double-click text to edit it. Every change is real CSS.

6Ship it

Click Export at the top right of the editor:

  • HTML and CSS: a clean site for any host. Free.
  • React, Shopify sections or a WordPress theme. Pro.

Or, with Pro, connect your codebase: in your project, ask your AI to link it to Blobby. It brings in your colours, fonts and components, designs with them, then builds the finished page back into your code and checks it matches the design.

Prompts to try

  • Design a landing page for acme.com in Blobby
  • Add a mobile size to my Blobby page and fix anything that breaks
  • Apply my Blobby comments
  • Link my codebase to Blobby and make its design system
  • Build the Blobby page “Landing” into my codebase
  • Export my Blobby page as Shopify sections

Help

Inside Blobby, Learn on the Home screen explains every part, and the ? menu has the quick steps and keyboard shortcuts. Stuck? Email hello@useblobby.com; you’ll hear back within 2 business days.