Lovable logoLovable

Tool Switching in Composer

Lovable home composer: personalized greeting, + menu for attach and app-building tools, Build vs Plan modes, and inline voice dictation.

Personalized greeting, connectors pill, and empty composer with Build mode, mic, and send.

Personalized greeting, connectors pill, and empty composer with Build mode, mic, and send.

1 / 5

What's happening

Lovable centers app creation on one home composer. Users pick Build or Plan before send, open attach and integrations from +, and start projects from contextual templates below the bar.

Patterns

Tool Switching in Composer

Attach, Design, Connectors, and Databases behind +; execution mode as a pre-send switch

Open playground
Prompt Templates

Lovable templates and connectors pill teach jobs without a product tour

Open playground

Waveform and confirm/cancel keep dictation inside the prompt surface

UX Insights

  • Build vs Plan is a first-class pre-send decision, not a buried setting
  • + menu groups file attach with design, connectors, and database tooling
  • Connectors growth pill sits above the composer, separate from + menu depth
  • Templates below the bar offer a second front door beside free-form prompts
  • Voice dictation stays in-card with waveform feedback before confirm

Design Decisions

Lovable optimizes for shipping apps, not open chat. The composer is a project starter with explicit Build/Plan contracts, builder tooling in +, and templates that show what the product can generate.

Captured: June 16, 2026Type: desktop
app-builderbuild-planconnectorstemplatesvoice

More real-world AI UX in your inbox

Weekly gallery picks, interface patterns, and notes on how products ship AI - no spam, unsubscribe anytime.

Subscribe on Substack