Rund um Framer
Quicktipps
Du willst in Framer eine spezielle Schriftart nutzen oder aus DSGVO-Gründen auf Google-Fonts verzichten?
Kein Problem. Wechsle vom Projekt auf die Startseite bzw. das Dashboard und wähle im Dropdown oben links "Settings". Wechsle im Tab "Workspace" zu "Fonts". Hier kannst du bequem deine Schrift-Dateien hochladen (WOFF2 oder TTF) und in allen Projekten des Workspaces nutzen.
In Framer sind im Free-Plan 1000 Credits bei maximal 500/Tag, im Basic-Plan 1000 Credits und im Pro-Plan 3000 Credits standardmäßig enthalten.
Sollten diese nicht ausreichen, kann man in Framer jederzeit in den Einstellungen unter "Usage" im Tab "Credits" zusätzliche KI-Credits zubuchen. Diese werden ebenfalls monatsweise hinzugefügt und entweder monatlich oder jährlich abgebucht.
Die Preise für zusätzliche Credits aktuell:
je 1000 Credits im Monat: 28,27€ brutto bei monatlicher Abrechnung bzw. 137,75€ brutto bei jährlicher Abrechnung.
Somit sind Credits bei jährlicher Abrechnung um mehr als die Hälfte günstiger.
Buchbar sind monatliche Pakete zwischen 1000 und ganzen 400.000 Credits, dabei gibt es keinen Mengenrabatt.
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.
Update 16. Juni: Soeben hat Framer mit External Agents einen offiziellen MCP eingeführt. Alle Infos
Brauchst du Hilfe?