An astronaut overseeing a futuristic data hub
Télécharger le PDFVersion Markdown

Connectez Framer à ChatGPT, Claude et Gemini

Configurez-le une fois et il fonctionne avec ChatGPT, Claude, Cursor et n'importe quel autre client que vous aimez. Tout s'exécute en toute sécurité en arrière-plan, pour que vous puissiez vous détendre et vous concentrer sur l'essentiel. Pilotez votre CMS et vos publications par simple conversation.

Demandez à l'IA à propos de ce Connector

Développé, maintenu et hébergé par Vinkius.

MCP VÉRIFIÉ · PRÊT POUR LA PRODUCTION · GARANTIE VINKIUS

Waiting for input…

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

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

Votre IA fait le travail. Nous veillons dessus, en toute sécurité.

Aucun autre outil d'IA ne vous offre ça. Votre workflow s'exécute dans le client que vous aimez déjà, votre compte reste protégé, et vous décidez ce que l'agent peut ou ne peut pas faire. C'est la vraie raison de faire le pas.

Chaque Connector vit dans notre infrastructure, là où votre workflow s'exécute. Les trois choses ci-dessous en font déjà partie et travaillent discrètement en arrière-plan pour que vous n'ayez jamais à y penser. Rien à ajouter, rien à configurer, aucune inquiétude à avoir.

A futuristic MCP client docking bay
V8 Isolate01

Chaque Connector s'exécute dans son propre environnement scellé.

Chaque Connector s'exécute dans son propre runtime V8 scellé, sans accès à vos fichiers, à votre système ni aux autres serveurs. Un Connector ne voit jamais au-delà de sa propre requête.

Kill Switch02

Un seul interrupteur arrête tous les agents. Immédiatement.

Une seule action désactive tous les Connectors, révoque tous les tokens et termine toutes les sessions d'un coup. La Gouvernance de l'IA conserve le registre.

FinOps par utilisateur03

Des limites de dépense qui s'interrompent au lieu de surprendre.

Chaque utilisateur garde ses propres connexions et identifiants, isolés de ceux des autres. Ce qui dépasserait votre limite de dépense est stoppé et mis en attente de votre approbation, pas facturé.

Trois contrôles, intégrés à la couche par laquelle votre IA se connecte.

Sélection · 8 capacités

Nous ne livrons que les actions qui comptent.

Ensemble de capacités01 / 02

01-04

4 capacités dans cet ensemble.

Sur 8 disponibles via Framer.

  1. 01

    Créer un élément CMS

    Ajoutez un nouvel élément directement dans une collection CMS.

  2. 02

    Obtenir les infos du site

    Récupérez la configuration et les paramètres de votre site.

  3. 03

    Lister les éléments CMS

    Affichez la liste des éléments contenus dans une collection spécifique.

  4. 04

    Lister les collections

    Visualisez l'ensemble des collections CMS de votre projet.

Ensemble de capacités02 / 02

05-08

4 capacités dans cet ensemble.

Sur 8 disponibles via Framer.

  1. 05

    Lister les projets

    Affichez tous vos projets Framer enregistrés.

  2. 06

    Détails du projet

    Consultez les informations détaillées d'un projet spécifique.

  3. 07

    Lister les pages

    Récupérez la liste de toutes les pages de votre site.

  4. 08

    Publier le site

    Rendez vos modifications visibles en ligne pour tous les visiteurs.

Travail réel

Ce que les équipes font tourner

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.

Automatisez une tâche

Mettez Framer au travail sur une chose.

Des automatisations étape par étape que votre IA exécute via ce Connector : le flux, les prompts pour démarrer et les capabilities exactes derrière chaque étape.

Un connector, toutes les IAs

Framer fonctionne avec les clients IA les plus populaires.

Voici les clients les plus populaires, chacun avec un guide pas à pas : un lien, configuré une fois, avec gouvernance et visibilité intégrées. Et comme tout tourne sur le standard MCP, la même connexion fonctionne aussi dans tout autre client compatible : rien à reconstruire.

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

Vous construisez votre propre app ? Le connector est à vous.

Vous n'avez pas besoin d'un client pour mettre Framer au travail : la même connexion hébergée se branche sur vos propres applications et le code de votre agent, avec la même gouvernance à chaque requête. Construisez avec lui, discutez avec lui : une connexion pour les deux.

Observée, pas estimée

Moyenne de 880 ms. Rapide en production.

Framer est vérifié quotidiennement contre le service en production.

Moyenne quotidiennePic à 1068 ms
3 oct.Aujourd'hui
Jour le plus rapide
768ms
Jour le plus lent
1068ms
Tendance sur 14 jours
En ralentissement+15%

Connectez votre client

Une URL. Tous les clients.

Activez le Connector, copiez votre lien et collez-le dans le client que vous utilisez déjà. 8 capacités arrivent prêtes à l'emploi.

Accès aperçu · pas d’authentification du fournisseur

Le jeton vk_preview_* appartient à l’infrastructure d’aperçu de Vinkius. Il permet à Claude de découvrir et d’afficher les capacités de Framer, pour que vous voyiez l’expérience dans votre IA.

Il n’authentifie pas votre compte auprès de Framer. Les actions nécessitant des identifiants ou des données de compte réelles peuvent ne pas s’exécuter tant que vous n’avez pas activé le Connector et autorisé le service.

Framer Connector

Tout est prêt. Choisissez votre client MCP et suivez les instructions de configuration.

Lien du connecteurhttps://edge.vinkius.com/vk_preview_XocPRHUqmexgPHRudnuYlV7Bh5mp6EvuOwQLlneR/mcp

Claude Desktop

Suivez les étapes ci-dessous pour vous connecter en quelques secondes.

  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.
Configuration · claude_desktop_config.jsonCopier
{
  "mcpServers": {
    "framer-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_XocPRHUqmexgPHRudnuYlV7Bh5mp6EvuOwQLlneR/mcp"
    }
  }
}
  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Les instructions pas à pas pour chaque client sont dans le guide. Comment connecter

Configuration guidée pour Claude ? Configurer Framer avec Claude et les autres IA

Voyez tous les clients IA avec lesquels ce connector fonctionne ↑

Pour qui

Conçu pour le travail que les utilisateurs de Framer délèguent.

Ce connecteur est conçu pour ceux qui veulent séparer la gestion de contenu de la conception visuelle.

  • 01

    Équipes de design

    Mettez à jour le contenu sans toucher au canevas Framer ni modifier vos mises en page.

  • 02

    Équipes marketing

    Publiez des landing pages, des articles de blog et des contenus de campagne via de simples conversations.

  • 03

    Développeurs

    Synchronisez de manière programmatique des données CMS depuis des API headless, des bases de données ou des feuilles de calcul.

FAQ

Les questions des utilisateurs de Framer.

  • 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.

Explorer

Plus dans Design Creative

Suggestions

Connectez Framer à Claude, Cursor, ChatGPT et d'autres