Shopify · Business software · Dec 2024
Introducing the Framer MCP: Connect your favorite AI tools to Framer
Framer · Oct 2026 · 0:48 · AI-reviewed
A late-night bedroom story introduces Framer MCP. Repeated urgent messages wake a designer, who gives a spoken instruction involving Slack feedback and a Framer landing page, then returns to sleep. Phone, laptop, Dock and example website inserts punctuate the live action. Minimal black title cards reveal Framer MCP and Every AI. One connection. Zero all-nighters.; the enlarged letters mask into a blue-lit desktop where page previews appear. The close holds the Framer symbol. The film illustrates a promised workflow rather than proving autonomous completion or a delivery-time result.
More like this
Apple · Hardware · Mar 2026
Windsurf · Developer tools · May 2025
Introducing the Framer MCP: Connect your favorite AI tools to Framer, scene by scene
· 20 scenes as text
01 · Hook · 0:00–0:03
An overhead bedroom shot shows a woman asleep in blue pajamas, with a cream sleep mask and hands resting on a pillow. A phone lights on the bedside table while she remains in bed.
Camera: Static
02 · Hook · 0:03–0:07
A profile close-up holds on the sleeping woman against a patterned pillow and dark green bedroom wall. She shifts her mouth and face as notifications interrupt the quiet setup; no spoken sentence is asserted here.
Camera: Static
03 · Hook · 0:07–0:09
From beside the foot of the bed, the woman reaches across the bedside table toward the phone and lamp. The room begins to warm as the lamp is switched on.
Camera: Static
04 · Hook · 0:09–0:11
In a closer wide-angle bedroom shot, she holds a phone toward the lens and raises the sleep mask above her eyes. Warm bedside light contrasts with the teal walls. The foreground object is a phone, not a tablet.
Camera: Static
05 · Problem · 0:11–0:16
A close view of the phone shows an urgent Boss thread. Repeated Are you awake messages give way to NEED NEW LANDING PAGE, DUE FOR TOMORROW, Mobile first, MAKE IT POP!!!!, Fully responsive, Check brand guideline, CHECK SLACK NOW and ACTUALLY... IT WAS DUE YESTERDAY. The framing enlarges and pans down the same message thread; no landing-page canvas is shown in this section.
On-screen text: “SUPER URGENT FEEDBACK”, “Are you awake?”, “NEED NEW LANDING PAGE”, “DUE FOR TOMORROW”, “Mobile first”, “MAKE IT POP!!!!”, “Fully responsive”, “Check brand guideline”, “CHECK SLACK NOW”, “ACTUALLY... IT WAS DUE YESTERDAY”
Techniques: UI zoom
Camera: Pan
06 · Demo · 0:16–0:18
Back in bed with her sleep mask raised, the woman operates the phone held in the foreground. No ACTUALLY... IT WAS DUE YESTERDAY overlay remains on this live-action shot.
Camera: Static
07 · Demo · 0:18–0:19
A hand holds a phone displaying six AI app icons on a blue home screen. Another finger moves away after interacting with it, while the bedroom stays softly blurred behind the device.
Camera: Static
08 · Demo · 0:19–0:23
The wide-angle bedroom shot returns as the woman speaks a task into the phone. Her sleep mask remains on her forehead, with a warm lamp and framed pictures behind her.
Camera: Static
09 · Demo · 0:23–0:24
A photographed laptop screen shows a Slack conversation with page previews and feedback as the list scrolls. The screen is angled in a real-room insert rather than a flat full-frame interface.
Camera: Static
10 · Demo · 0:24–0:25
The woman continues the same spoken instruction from bed, holding the phone close to the foreground while the lamp remains on.
Camera: Static
11 · Demo · 0:25–0:27
A close desktop view frames the macOS Dock. The pointer activates the Framer icon; the wallpaper shifts from blue toward orange as the website-work montage begins.
Techniques: Cursor demo
Camera: Static
12 · Demo · 0:27–0:28
A full-frame website montage moves from a fashion hero with giant Boys & type to a SELECTED PROJECTS grid of photographs. These are example page designs within the film.
On-screen text: “Boys &”, “SELECTED PROJECTS”
Camera: Static
13 · Demo · 0:28–0:29
The woman finishes speaking into the phone from the same bedroom angle. No SELECTED PROJECTS or ZPP overlay is visible over her; those labels belonged to the preceding page insert.
Camera: Static
14 · Demo · 0:29–0:31
The view pushes closer to a brass analog clock on the wooden bedside table, with books at right and the phone partly visible at left.
Camera: Push in
15 · Demo · 0:31–0:33
An overhead bedside-table insert shows her setting down the lit phone and reaching to switch off the lamp. Warm illumination disappears while the clock, books, water glass and phone retain their positions. The lighting change does not create a new shot or show an alarm being silenced.
Camera: Static
16 · Feature reveal · 0:33–0:37
The overhead bed view returns. She lowers the sleep mask, rolls to her side and settles back onto the pillow in the dark room.
Camera: Static
17 · Product intro · 0:37–0:40
Centered white type on black introduces the all new, then Framer MCP. Both lines share the same spare title-card context.
On-screen text: “the all new”, “Framer MCP”
Techniques: Kinetic type
Camera: Static
18 · Product intro · 0:40–0:43
Every AI. One connection. Zero all-nighters. builds across a single white line on black. The line accelerates and enlarges until the letterforms fill the frame; the blue room appears through the letters as the typographic mask clears. This continuous exit is not another title scene.
On-screen text: “Every AI. One connection. Zero all-nighters.”
Techniques: Kinetic type, Masking
Camera: Static
19 · Demo · 0:43–0:46
In a blue-lit room, a desktop monitor wakes to several responsive Auralis page previews in an editor. The camera approaches the display, emphasizing work proceeding while the bedroom story has ended. A 3D construction method is not established by the shot alone.
On-screen text: “Auralis”
Camera: Push in
20 · Outro · 0:46–0:48
A small white Framer symbol holds centered on black through the end. There is no Auralis wordmark or animated lettering on this end card.
Camera: Static







