An astronaut overseeing a futuristic data hub
PDF herunterladenMarkdown-Version

Verbinden Sie Framer mit ChatGPT, Claude und Gemini

Richten Sie es einmal ein und es funktioniert mit ChatGPT, Claude, Cursor und jedem anderen Client, den Sie lieben. Alles läuft sicher im Hintergrund, damit Sie sich entspannen und sich auf das Wesentliche konzentrieren können. Verwalte CMS-Inhalte und Veröffentlichungen ohne Editor.

Fragen Sie die KI zu diesem Connector

Entwickelt, gewartet und gehostet von Vinkius.

MCP VERIFIZIERT · PRODUKTIONSREIF · VINKIUS GARANTIE

Waiting for input…

Works with modern AI clients that support MCP, including ChatGPT, Claude, Cursor, and more.

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

Ihre KI erledigt die Arbeit. Wir halten alles sicher und geschützt.

Kein anderes KI-Tool bietet Ihnen das. Ihr Workflow läuft im Client, den Sie bereits lieben, Ihr Konto bleibt geschützt, und Sie entscheiden, was der Agent darf und was nicht. Das ist der ganze Grund für den Wechsel.

Jeder Connector lebt in unserer Infrastruktur, dort wo Ihr Workflow läuft. Die drei Dinge unten sind bereits Teil davon und arbeiten leise im Hintergrund, damit Sie nie darüber nachdenken müssen. Nichts hinzuzufügen, nichts einzurichten, keine Sorgen.

A futuristic MCP client docking bay
V8 Isolate01

Jeder Connector läuft in seiner eigenen abgeschotteten Umgebung.

Jeder Connector läuft in einer eigenen abgeriegelten V8-Laufzeit — kein Zugriff auf Ihre Dateien, Ihr System oder andere Server. Ein Connector sieht nie über seine eigene Anfrage hinaus.

Kill-Switch02

Ein Schalter stoppt jeden Agenten. Sofort.

Eine einzige Aktion deaktiviert jeden Connector, entzieht jedes Token und beendet jede Sitzung auf einmal. Die AI Governance bewahrt das Protokoll.

FinOps pro Nutzer03

Ausgabelimits, die anhalten, statt Sie zu überraschen.

Jeder Nutzer behält eigene Verbindungen und Anmeldedaten, isoliert von allen anderen. Was Ihr Ausgabelimit überschreiten würde, wird zurückgehalten und wartet auf Ihre Freigabe, anstatt abgerechnet zu werden.

Drei Kontrollen, eingebaut in die Schicht, über die sich Ihre KI verbindet.

Kuratiertes Set · 8 Fähigkeiten

Wir liefern nur die Aktionen, die zählen.

Fähigkeiten-Set01 / 02

01-04

4 Fähigkeiten in diesem Set.

Teil von 8, verfügbar über Framer.

  1. 01

    CMS-Element erstellen

    Erstellt ein neues Element in einer deiner CMS-Collections.

  2. 02

    Website-Infos abrufen

    Ruft die Konfiguration und Details deiner Website ab.

  3. 03

    CMS-Elemente auflisten

    Zeigt alle vorhandenen Elemente innerhalb einer bestimmten CMS-Collection an.

  4. 04

    Collections auflisten

    Gibt eine Übersicht über alle verfügbaren CMS-Collections aus.

Fähigkeiten-Set02 / 02

05-08

4 Fähigkeiten in diesem Set.

Teil von 8, verfügbar über Framer.

  1. 05

    Projekte auflisten

    Zeigt eine Liste aller deiner verknüpften Framer-Projekte an.

  2. 06

    Projektdetails abrufen

    Liefert detaillierte Informationen zu einem spezifischen Projekt.

  3. 07

    Seiten auflisten

    Zeigt alle einzelnen Seiten deiner Website an.

  4. 08

    Website veröffentlichen

    Macht deine Änderungen live, damit sie für alle Besucher sichtbar sind.

Echte Arbeit

Was Teams täglich ausführen

01

Automated Content Updates

Sync your product catalog or blog posts from a spreadsheet directly into Framer.

02

Rapid Content Deployment

Tell your agent to add a new team member and publish the site immediately.

03

Site Auditing

Ask your agent to list all pages and collections to check your site structure.

04

Headless Data Integration

Use your AI client to bridge the gap between a database and your Framer CMS.

Eine Aufgabe automatisieren

Bringen Sie Framer für eine Sache an die Arbeit.

Schritt-für-Schritt-Automatisierungen, die Ihre KI über diesen Connector ausführt: der Ablauf, die Prompts für den Einstieg und die genauen Fähigkeiten hinter jedem Schritt.

Ein Connector, jede KI

Framer funktioniert mit den beliebtesten KI-Clients.

Dies sind die beliebtesten Clients, jeder mit einer Schritt-für-Schritt-Anleitung: ein Link, einmal eingerichtet, mit Governance und Sichtbarkeit an Bord. Und da alles auf dem MCP-Standard läuft, funktioniert dieselbe Verbindung auch in jedem anderen kompatiblen Client — nichts neu zu bauen.

ClaudeClaudeChatGPTChatGPTGeminiGeminiPerplexityPerplexityGrokGrokMicrosoft CopilotMicrosoft CopilotCursorCursorVS CodeVS CodeWindsurfWindsurfJetBrainsJetBrainsClineClineLangChainLangChainVercel AI SDKVercel AI SDKLovableLovableZ.aiZ.aiRaycastRaycastQwen CodeQwen CodeKimi CodeKimi CodeLe ChatLe Chat

Bauen Sie Ihre eigene App? Der Connector gehört Ihnen.

Sie brauchen keinen Client, um Framer arbeiten zu lassen: dieselbe gehostete Verbindung speist Ihre eigenen Anwendungen und Ihren Agenten-Code, mit derselben Governance bei jeder Anfrage. Damit bauen, damit chatten — eine Verbindung für beides.

Beobachtet, nicht geschätzt

Durchschnitt 880ms. Schnell in der Produktion.

Framer wird täglich gegen den Live-Service geprüft.

TagesdurchschnittSpitze 1068ms
3. Okt.Heute
Schnellster Tag
768ms
Langsamster Tag
1068ms
14-Tage-Trend
Verlangsamend+15%

Verbinden Sie Ihren Client

Eine URL. Jeder Client.

Aktivieren Sie den Connector, kopieren Sie Ihren Link und fügen Sie ihn in den Client ein, den Sie bereits nutzen. 8 Fähigkeiten kommen einsatzbereit an.

Vorschauzugang · keine Anbieter-Authentifizierung

Das vk_preview_*-Token gehört zur Vorschau-Infrastruktur von Vinkius. Es ermöglicht Claude, die Fähigkeiten von Framer zu entdecken und anzuzeigen, damit Sie das Erlebnis in Ihrer KI sehen.

Es authentifiziert Ihr Konto nicht bei Framer. Aktionen, die Anmeldedaten oder echte Kontodaten erfordern, werden möglicherweise erst ausgeführt, wenn Sie den Connector aktivieren und den Dienst autorisieren.

Framer Connector

Alles bereit. Wählen Sie Ihren MCP-Client und folgen Sie den Einrichtungsschritten.

Connector-Linkhttps://edge.vinkius.com/vk_preview_XocPRHUqmexgPHRudnuYlV7Bh5mp6EvuOwQLlneR/mcp

Claude Desktop

Folgen Sie den Schritten unten, um sich in Sekunden zu verbinden.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Framer capabilities are ready to use.
Konfiguration · claude_desktop_config.jsonKopieren
{
  "mcpServers": {
    "framer-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_XocPRHUqmexgPHRudnuYlV7Bh5mp6EvuOwQLlneR/mcp"
    }
  }
}
  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Schritt-für-Schritt-Anleitungen für jeden Client finden Sie im Guide. Verbinden

Geführte Einrichtung für Claude? Framer in Claude und anderen KI-Tools einrichten

Alle KI-Clients ansehen, mit denen dieser Connector funktioniert ↑

Für wen

Für die Arbeit, die Framer-Nutzer abgeben.

Dieser MCP richtet sich an Teams, die Inhalte effizient verwalten wollen, ohne das Design-Layout zu beeinflussen.

  • 01

    Design-Teams

    Aktualisieren Website-Inhalte, ohne den Framer-Canvas zu nutzen oder das Design zu stören.

  • 02

    Marketing-Teams

    Veröffentlichen Landingpages, Blogbeiträge und Kampagneninhalte direkt über Chat-Befehle.

  • 03

    Entwickler

    Synchronisieren CMS-Daten programmatisch aus Headless-APIs, Datenbanken oder Tabellen in Framer.

FAQ

Fragen von Framer-Nutzern.

  • 01

    How do I connect my Framer project?

    You need to generate an API key in your Framer project under Site Settings and General, then provide it to the MCP.

  • 02

    Do I still need to use the Framer editor?

    You still use the editor for design and layout, but you can handle all CMS and publishing tasks through your AI agent.

  • 03

    Can I publish my site through the AI?

    Yes, the publish_site capability allows your agent to push your latest changes live.

  • 04

    Which AI clients work with this MCP?

    This MCP works with any compatible client including Claude, Cursor, Windsurf, and VS Code.

  • 05

    Can I sync data from other apps?

    Yes, you can use your AI agent to push content from external data sources into your Framer CMS collections.

  • 06

    How do I get my Framer API key?

    Open your Framer project in the editor. Go to Site Settings (gear icon in the top bar), then navigate to the General tab. Scroll down to find the Server API section and click Generate API key. Copy the key and store it securely. treat it like a password. This key is specific to this project. Paste it into the configuration field below.

  • 07

    Can I push content from a spreadsheet into my Framer CMS?

    Yes. Your AI agent can create and update CMS collection items programmatically. Describe the data you want to add, and it maps your fields to the Framer collection schema and creates the items. perfect for bulk content migrations or data-driven landing pages.

  • 08

    Does publishing through the API affect my Framer design?

    No. The Server API only manages CMS content. it cannot modify your visual design, canvas layout, or component structure. Your designers remain in full control of the visual experience while content teams operate independently through the AI agent.

  • 09

    Is this suitable for agencies managing multiple Framer projects?

    Yes. Each API key is bound to a specific Framer project. Configure separate integrations for each client project and your AI agent can switch between them. managing content across your entire portfolio without opening multiple browser tabs.

Entdecken

Mehr in Design Creative

Vorschläge

Verbinde Framer mit Claude, Cursor, ChatGPT & mehr