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.
Brauchst du Hilfe?