Framer mit Claude verbinden
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.
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
