Bloom × VS Code

Your brand, inside VS Code.

Connect Bloom to VS Code and generate on-brand images right where you work.

Connect VS Code
VS Code and Bloom

Setup

Connect in three steps.

  1. VS Code.vscode/mcp.json
    12345

    Open VS Code.

    Run "MCP: Add Server" from the Command Palette, or edit .vscode/mcp.json.

  2. {
  "servers": {
    "bloom": {
      "type": "http",
      "url": "https://www.trybloom.ai/api/mcp"
    }
  }
}

    Add Bloom.

    Add the Bloom server to .vscode/mcp.json.

  3. VS Code

    Connect Bloom to VS Code

    Approve & connect

    Sign in with Bloom.

    Authorize once in your browser. Bloom is live and ready to generate on-brand.

Prefer a REST API?

The power of on-brand generation in your stack.

View API docs

Features

The power of Bloom, in VS Code.

Onboard your brand from a URL.

Use your website or instagram @handle. Bloom learns your colors, fonts, and visual style in seconds. Every image after that carries your brand DNA.

VS CodeVS Code
Add verso.cafe to Bloom
Onboarding Verso — pulling colors, type, and tone.

Calledbloom_onboard_brand

Verso Coffee

Verso Coffee

verso.cafe

Single-origin. Roasted to order.

Tone

WarmArtisanalModern

Palette

Create anything your brand needs, in seconds.

Describe what you need. Bloom uses your brand profile to keep every output recognizable. Even a one-line prompt comes back on-brand.

VS CodeVS Code
Verso is onboarded and ready.
Generate 5 hero images for our spring cold brew launch. Sunlit, coastal, our colors.
Generating 5 on-brand variants for the launch.

Calledbloom_generate_image

Edit images and perfect every detail.

Generate, then revise. Tweak composition. Swap backgrounds. Adjust copy. Every edit happens in chat and stays on-brand.

VS CodeVS Code
Here's the rustic coffee mug portrait.
Brighten the background and add steam rising off the cup.
Editing the hero — brightening the background and adding steam.

Calledbloom_edit_image

Effortlessly resize for every platform.

One image, every aspect ratio. Bloom recomposes the shot to fit the new placement, instead of cropping or stretching.

VS CodeVS Code
Here's the campaign image.
Resize this hero for an IG Story and a YouTube banner
Resizing to 9:16 and 16:9, recomposed to fit.

Calledbloom_resize_image

Upload images and turn them into designer-quality assets.

Drop in a product photo, a competitor's ad, or a moodboard. Bloom matches the look while staying on-brand.

VS CodeVS Code
Use this product shot as a reference and generate three lifestyle variations.
Generating 3 on-brand variations from it.

Calledbloom_generate_image

Run a whole campaign in one message.

Fire 30 images in a single message. Bloom runs them in parallel and shows the gallery inline as they finish.

VS CodeVS Code
Brand and references are set.
Generate our launch kit: 5 product heroes, 5 lifestyle shots, 5 quote cards, 5 sale promos, 5 testimonials, 5 behind-the-scenes.
Firing 30 generations in parallel for your launch kit.

Calledbloom_generate_image

Use cases

See what you can build

Performance

Ad Creative at Scale

Generate hundreds of on-brand ads for Meta, Google, and TikTok from a single prompt.

Read guide

Automation

AI Marketing Agent

Build an autonomous agent that generates fresh on-brand creative on autopilot.

Read guide

Launch

Product Launch Creative

Ship every marketing asset your launch needs, from ads and social to email and hero images, in one session.

Read guide

Frequently asked questions

Can't find your answer? Contact us.

Bring your brand to VS Code!

Connect once. Generate on-brand images everywhere you work. No API key, no install.

Get started