An astronaut overseeing a futuristic data hub
Descargar PDFVersión en Markdown

Conecta Framer a ChatGPT, Claude y Gemini

Configúralo una vez y funciona en ChatGPT, Claude, Cursor y en cualquier otro cliente que te guste. Todo se ejecuta con seguridad en segundo plano, para que tú te relajes y te centres en lo que de verdad importa. Gestiona tu contenido y publica sitios sin abrir el editor.

Pregunta a la IA sobre este Connector

Desarrollado, mantenido y alojado por Vinkius.

MCP VERIFICADO · LISTO PARA PRODUCCIÓN · GARANTÍA VINKIUS

Waiting for input…

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

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

Tu IA hace el trabajo. Nosotros lo cuidamos, seguro.

Ninguna otra herramienta de IA te da esto. Tu workflow se ejecuta en el cliente que ya amas, tu cuenta permanece protegida y tú decides lo que el agente puede y no puede hacer. Es la razón completa para dar el salto.

Cada Connector vive dentro de nuestra infraestructura, en el mismo lugar donde se ejecuta tu workflow. Las tres cosas de abajo ya forman parte de él, trabajando en silencio en segundo plano para que nunca tengas que pensar en ellas. Nada que añadir, nada que configurar, nada de qué preocuparte.

A futuristic MCP client docking bay
V8 Isolate01

Cada Connector se ejecuta dentro de su propio entorno sellado.

Cada Connector se ejecuta en su propio runtime V8 aislado, sin acceso a tus archivos, a tu sistema ni a otros servidores. Un Connector nunca ve más allá de su propia petición.

Kill Switch02

Un interruptor detiene a todos los agentes. Al instante.

Una única acción desactiva todos los Connectors, revoca todos los tokens y cierra todas las sesiones a la vez. La Gobernanza de IA guarda el registro.

FinOps por usuario03

Límites de gasto que se pausan en vez de sorprenderte.

Cada usuario mantiene sus propias conexiones y credenciales, aisladas de las de los demás. Lo que supere tu límite de gasto se detiene y queda esperando tu aprobación en vez de cobrarse.

Tres controles, integrados en la capa por donde tu IA se conecta.

Set curado · 8 capacidades

Publicamos solo las acciones que importan.

Set de capacidades01 / 02

01-04

4 capacidades en este set.

Parte de 8 disponibles a través de Framer.

  1. 01

    Crear elemento de colección

    Genera un nuevo ítem dentro de una colección CMS de forma inmediata.

  2. 02

    Obtener información del sitio

    Consulta la configuración y los detalles técnicos de tu sitio web.

  3. 03

    Listar elementos de colección

    Muestra todos los ítems contenidos en una colección CMS específica.

  4. 04

    Listar colecciones

    Obtén un listado de todas las colecciones CMS disponibles en tu proyecto.

Set de capacidades02 / 02

05-08

4 capacidades en este set.

Parte de 8 disponibles a través de Framer.

  1. 05

    Listar proyectos

    Visualiza todos los proyectos de Framer vinculados a tu cuenta.

  2. 06

    Obtener detalles del proyecto

    Accede a la información detallada de un proyecto específico.

  3. 07

    Listar páginas

    Muestra todas las páginas que componen tu sitio web.

  4. 08

    Publicar sitio

    Activa la publicación para que los cambios en el CMS sean visibles para todos los visitantes.

Trabajo real

Lo que los equipos ejecutan de verdad

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.

Automatiza una tarea

Pon Framer a trabajar en una cosa.

Automatizaciones paso a paso que tu IA ejecuta a través de este Connector: el flujo de trabajo, los prompts para empezar y las capabilities exactas detrás de cada paso.

Un connector, todas las IAs

Framer funciona con los clientes de IA más populares.

Estos son los clientes más populares, cada uno con una guía paso a paso: un enlace, configurado una vez, con gobernanza y visibilidad integradas. Y como todo corre sobre el estándar MCP, la misma conexión también funciona en cualquier otro cliente compatible: nada que reconstruir.

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

¿Construyendo tu propia app? El connector es tuyo para usar.

No necesitas un cliente para poner Framer a trabajar: la misma conexión alojada se conecta a tus propias aplicaciones y al código de tu agente, con la misma gobernanza en cada petición. Construye con él, conversa con él: una conexión para ambos.

Observada, no estimada

Promedio de 880ms. Rápida en producción.

Framer se verifica a diario contra el servicio en producción.

Promedio diarioPico de 1068ms
3 octHoy
Día más rápido
768ms
Día más lento
1068ms
Tendencia de 14 días
Ralentizando+15%

Conecta tu cliente

Una URL. Todos los clientes.

Activa el Connector, copia tu enlace y pégalo en el cliente que ya usas. 8 capacidades llegan listas para funcionar.

Acceso de vista previa · no es autenticación del proveedor

El token vk_preview_* pertenece a la infraestructura de vista previa de Vinkius. Permite que Claude descubra y muestre las capacidades de Framer, para que veas la experiencia dentro de tu IA.

No autentica tu cuenta con Framer. Las acciones que requieran credenciales o datos reales de la cuenta podrían no ejecutarse hasta que actives el Connector y autorices el servicio.

Framer Connector

Todo listo. Elige tu cliente MCP y sigue las instrucciones de configuración.

Enlace del conectorhttps://edge.vinkius.com/vk_preview_XocPRHUqmexgPHRudnuYlV7Bh5mp6EvuOwQLlneR/mcp

Claude Desktop

Sigue los pasos siguientes para conectarte en segundos.

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

Las instrucciones paso a paso para cada cliente están en la guía. Cómo conectar

¿Configuración guiada para Claude? Conectar Framer con Claude y otras IA

Ve todos los clientes de IA con los que funciona este connector ↑

Para quién es

Hecho para el trabajo que quienes usan Framer delegan.

Esta herramienta está diseñada para profesionales que buscan automatizar la gestión de contenidos web sin depender de interfaces de diseño complejas.

  • 01

    Equipos de diseño

    Para actualizar contenidos web sin tocar el lienzo de Framer ni alterar los diseños establecidos.

  • 02

    Equipos de marketing

    Para publicar landing pages, artículos de blog y contenidos de campañas mediante conversaciones.

  • 03

    Desarrolladores

    Para sincronizar datos de CMS desde APIs externas, bases de datos o hojas de cálculo de forma programática.

FAQ

Preguntas de quienes usan 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.

Explora

Más en Design Creative

Sugerencias

Conecta Framer a Claude, Cursor, ChatGPT y más