Framer und KI-Agenten: Was können Claude Code und Co.?

Framer öffnet seine Projekte für Claude Code, Cursor und Codex

Michael Dobler

Autor Dr. Web

2. August 2026

2 Min. Lesezeit

Framer lässt externe KI-Agenten wie Claude Code, Cursor und Codex direkt an fertigen Websites arbeiten. Über den Baukasten erhalten die Werkzeuge Zugriff auf CMS, Weiterleitungen und Übersetzungen, ohne den Umweg über einen MCP-Server. Für Agenturen verschiebt sich damit die Grenze zwischen No-Code und Code.

drweb.de als bevorzugte Quelle auf Google hinzufügenQualitätsgeprüfte Inhalte direkt in Google News & DiscoverJetzt hinzufügen

Framer verbindet seinen Website-Baukasten seit dem Sommer 2026 direkt mit externen KI-Agenten wie Claude Code, Cursor, Codex, Gemini CLI und Windsurf.^[1] Bisher endete deren Arbeit meist am Rand des Design-Werkzeugs; jetzt bearbeiten die Agenten die lebende Website selbst.

Das Wichtigste in Kürze

Framer bindet fünf KI-Agenten direkt an den Baukasten an: Claude Code, Cursor, Codex, Gemini CLI und Windsurf.
Die Verbindung kommt ohne MCP-Server aus, der Befehl npx @framer/agent setup genügt zum Einrichten.
Agenten pflegen CMS-Einträge, Weiterleitungen und Übersetzungen, während Website-Einstellungen und Analytics gesperrt bleiben.
Figma schlug 2025 den umgekehrten Weg ein und setzt auf einen eigenen Dev-Mode-MCP-Server.

Was ändert sich für Framer-Nutzer?

Marionettenkreuz führt einen Stift auf einem Wireframe-Papier, mit „Autopilot“-Schild — KI-Agenten können Framer-Projekte direkt im Canvas bearbeiten und haben Zugriff auf Komponenten, CMS und Projektdaten

Framer-Projekte lassen sich jetzt von außen durch KI-Agenten steuern: Der Baukasten reicht Claude Code, Cursor und Co. den Zugriff auf Canvas, Komponenten, CMS und Projektdaten, sodass die Agenten dieselbe Website bearbeiten, an der Sie im Editor sitzen.

Der Sprung liegt im Ziel der Bearbeitung: Ein Agent ändert nicht länger nur exportierten Quellcode, sondern strukturierte Projektdaten direkt in Framer. Fertige Komponenten aus Bibliotheken wie Originkit bleiben nutzbar, doch die wiederkehrende Fleißarbeit übernimmt jetzt der Agent, statt sie Klick für Klick im Editor zu erledigen.

Wie greifen Claude Code, Cursor und Codex auf Framer zu?

Ein einziger Terminalbefehl richtet die Verbindung ein: npx @framer/agent setup koppelt den lokalen Agenten an das Framer-Projekt, danach genügt beim ersten Aufruf ein API-Schlüssel. Einen separaten MCP-Server verlangt Framer bewusst nicht.

Technisch stützt sich Framer auf sogenannte Skills und lokale Werkzeuge, die jeder gängige Agenten-Client bereits beherrscht. Damit trennt sich der Ansatz von Cursor und ähnlichen Editoren, die den Quellcode in den Mittelpunkt stellen. Am stärksten wirkt der Zugriff bei strukturierter Fleißarbeit wie Massenänderungen im CMS oder in der Lokalisierung. Figma verfolgt seit 2025 die Gegenrichtung und öffnet seine Entwürfe über einen eigenen MCP-Server.^[2]

Framer macht den Baukasten zur Datenbank, auf die ein Agent zugreift, und verschiebt die Wertschöpfung von der einzelnen Seite zur Pflege ganzer Sites. Ungeprüft live geschaltet, wird aus dieser Effizienz schnell ein Haftungsrisiko.
— Markus Seyfferth, Chefredakteur Dr. Web

Framer öffnet sich für KI-Agenten

Wie externe Coding-Agenten jetzt an Framer-Projekten arbeiten

angebundene Agenten: Claude Code, Cursor, Codex, Gemini CLI, Windsurf

zusätzliche MCP-Server nötig

Terminalbefehl zum Einrichten: npx @framer/agent setup

Erlaubte Aufgaben

CMS-Einträge anlegen und ändern
Weiterleitungen setzen
Lokalisierung und Übersetzungen
Canvas und Komponenten bearbeiten

Gesperrte Aufgaben

Website-Einstellungen ändern
Overrides an Elemente zuweisen
Zugriff auf Analytics

Framer

Verzicht auf einen MCP-Server, Anbindung über Skills und lokale Werkzeuge des Agenten.

Figma

Seit 2025 ein eigener Dev-Mode-MCP-Server, ausgerichtet auf den Weg vom Entwurf zum Code.

Was bedeutet das für Agenturen im DACH-Raum?

Für DACH-Agenturen und Freelancer, die Framer für Marketing-Sites nutzen, sinkt der Aufwand für wiederkehrende Website-Pflege spürbar, solange ein Mensch die Ergebnisse abnimmt.

Framer bietet eine kostenlose Stufe; die bezahlten Tarife beginnen bei rund 9 Euro im Monat, je Bearbeiter kommt eine Platzgebühr von etwa 17 Euro dazu.^[1] Website-Einstellungen, Overrides und der Zugriff auf Analytics bleiben den Agenten verwehrt. Diese Lücken sind kein Zufall, denn menschliche Kontrolle bleibt bei KI-Programmierung Pflicht. Prüfen Sie vor dem Rollout, welche Tarifstufe Ihr Team wirklich braucht, und lassen Sie automatische CMS-Änderungen gegenlesen, bevor sie online gehen.