Rund um Framer
Quicktipps
Praktisch: In der Framer-App auf MacOS und Windows lassen sich jegliche Elemente auf dem Canvas als JPG, PNG oder Vektorgrafik exportieren.
Dafür muss man nur das Element auswählen und im Property-Panel zu "Export" runterscrollen. Optional lassen sich mehrere Exportformate und Auflösungsstufen direkt anlegen.
AEO steht für Answer Engine Optimization und wird in den kommenden Jahren wahrscheinlich wichtiger als SEO heute: Können ChatGPT, Claude, Gemini & co. deine Webseite finden und zitieren?
Mit dem neuen Tool von Framer kann man auf framer.link/aiᶠ ohne Anmeldung checken, wie gut Webseiten scoren.
Ein interessanter aufkommender Standard sind neben klassischen robots.txt die neuen llms.txt, die KI-Systemen eine maschinenlesbare Übersicht einer Website liefern.
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?