Framer mit Claude verbinden

Mit dem Plugin “Design Bridge MCP” lässt sich Framer sehr einfach und kostenlos mit Claude verbinden. Nach dem Öffnen des Plugins erhältst einen sog. MCP-Link, den du kopieren musst.

Zum Pluginᶠ

In Claude, wechsle in den Einstellungen zu den Konnektoren, klicke auf das Plus-Symbol und wähle “Benutzerdefinierten Connector hinzufügen”. Trage bei “Name” am besten “Framer” ein, und füge bei “Remote MCP Server URL” den MCP-Link ein. Die erweiterten Einstellungen musst du nicht beachten.

Wähle anschließend aus, welche Rechte Claude über dein Framer-Projekt hat. Claude kann jetzt:

• Das Canvas sehen und bearbeiten

• CMS-Kollektionen sehen, bearbeiten und neue Items erstellen

• Styles bearbeiten & erstellen

• Seiten bearbeiten & erstellen

• Komponenten sehen & bearbeiten

Während Claude arbeitet, muss das Framer-Projek permanent in deinem Browser geöffnet und das Plugin aktiv sein.

Besonders praktisch ist das MCP zum Analysieren des Projekts oder Durchsuchen nach Schreibfehlern uvm.

• Vorsicht: Claude bekommt je nach Rechtevergabe über MCP echten Lese- & Schreibzugriff auf das ganze Projekt und hat keinen “Rückgängig”-Button.

Update 16. Juni: Soeben hat Framer mit External Agents einen offiziellen MCP eingeführt. Alle Infos