An astronaut overseeing a futuristic data hub
Baixar PDFVersão em Markdown

Conecte Framer ao ChatGPT, Claude e Gemini

Configure uma vez e funcione no ChatGPT, Claude, Cursor e em qualquer outro cliente que você goste. Tudo roda com segurança em segundo plano, para você relaxar e focar no que realmente importa. Gerencie conteúdos e publique mudanças no Framer via comandos de voz ou texto.

Pergunte à IA sobre este Connector

Desenvolvido, mantido e hospedado pela Vinkius.

MCP VERIFICADO · PRONTO PARA PRODUÇÃO · GARANTIA VINKIUS

Waiting for input…

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

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

A sua IA faz o trabalho. A gente cuida com segurança.

Nenhuma outra ferramenta de IA te dá isso. O seu workflow roda no cliente que você já ama, a sua conta fica protegida, e você decide o que o agente pode e não pode fazer. É a razão completa para mudar de vez.

Cada Connector vive dentro da nossa infraestrutura, no mesmo lugar onde o seu workflow roda. As três coisas abaixo já fazem parte dele, trabalhando silenciosamente em segundo plano para que você nunca precise pensar nelas. Nada para adicionar, nada para configurar, nada com que se preocupar.

A futuristic MCP client docking bay
V8 Isolate01

Cada Connector roda dentro do seu próprio ambiente lacrado.

Cada Connector roda em seu próprio runtime V8 lacrado — sem acesso aos seus arquivos, ao seu sistema ou a outros servidores. Um Connector nunca enxerga além da sua própria requisição.

Kill Switch02

Um interruptor para todos os agentes. Na hora.

Uma única ação desativa todos os Connectors, revoga todos os tokens e encerra todas as sessões de uma vez. A Governança de IA guarda o registro.

FinOps por usuário03

Limites de gastos que pausam em vez de assustar.

Cada usuário tem suas próprias conexões e credenciais, isoladas das dos demais. O que ultrapassar o seu limite de gastos fica aguardando a sua aprovação, em vez de ser cobrado.

Três controles, embutidos na camada pela qual sua IA se conecta.

Conjunto curado · 8 capacidades

Entregamos só as ações que importam.

Conjunto de capacidades01 / 02

01-04

4 capacidades neste conjunto.

Parte de 8 disponíveis através de Framer.

  1. 01

    Criar item de coleção

    Cria um novo item dentro de uma coleção CMS selecionada.

  2. 02

    Obter informações do site

    Recupera as configurações e detalhes de configuração do seu site.

  3. 03

    Listar itens da coleção

    Exibe todos os itens contidos em uma coleção específica do CMS.

  4. 04

    Listar coleções

    Mostra todas as coleções CMS disponíveis no seu projeto.

Conjunto de capacidades02 / 02

05-08

4 capacidades neste conjunto.

Parte de 8 disponíveis através de Framer.

  1. 05

    Listar projetos

    Lista todos os projetos Framer aos quais você tem acesso.

  2. 06

    Obter detalhes do projeto

    Acessa as informações detalhadas de um projeto específico.

  3. 07

    Listar páginas

    Exibe todas as páginas que compõem o seu site.

  4. 08

    Publicar site

    Torna as alterações feitas no CMS visíveis para todos os visitantes do site.

Trabalho real

O que as equipes executam de verdade

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.

Automatize uma tarefa

Coloque Framer para trabalhar em uma coisa.

Automações passo a passo que sua IA executa por este Connector: o fluxo, os prompts para começar e as capabilities exatas por trás de cada passo.

Um connector, todas as IAs

Framer funciona com os clientes de IA mais populares.

Estes são os clientes mais populares, cada um com um guia passo a passo: um link, configurado uma vez, com governança e visibilidade embutidas. E como tudo roda no padrão MCP, a mesma conexão também funciona em qualquer outro cliente compatível — nada para reconstruir.

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

Construindo o seu próprio app? O connector é seu para usar.

Você não precisa de um cliente para colocar Framer para trabalhar: a mesma conexão hospedada entra nas suas aplicações e no código do seu agente, com a mesma governança em cada pedido. Construa com ele, converse com ele — uma conexão para os dois.

Observada, não estimada

Média de 880ms. Rápida em produção.

Framer é verificado diariamente contra o serviço em produção.

Média diáriaPico de 1068ms
3 de out.Hoje
Dia mais rápido
768ms
Dia mais lento
1068ms
Tendência de 14 dias
Desacelerando+15%

Conecte seu cliente

Uma URL. Todos os clientes.

Ative o Connector, copie seu link e cole no cliente que você já usa. 8 capacidades chegam prontas para rodar.

Acesso de prévia · não é autenticação no provedor

O token vk_preview_* pertence à infraestrutura de prévia da Vinkius. Ele permite que o Claude descubra e exiba as capacidades de Framer, para você ver a experiência dentro da sua IA.

Ele não autentica a sua conta com Framer. Ações que exigem credenciais ou dados reais da conta podem não ser executadas até que você ative o Connector e autorize o serviço.

Framer Connector

Tudo pronto. Escolha seu cliente MCP e siga as instruções de configuração.

Link do conectorhttps://edge.vinkius.com/vk_preview_XocPRHUqmexgPHRudnuYlV7Bh5mp6EvuOwQLlneR/mcp

Claude Desktop

Siga os passos abaixo para conectar em 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.
Configuração · 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

Instruções passo a passo para cada cliente estão no guia. Como conectar

Configuração guiada para o Claude? Configurar Framer no Claude e outras IAs

Veja todos os clientes de IA com quem este connector funciona ↑

Para quem é

Feito para o trabalho que quem usa Framer delega.

Ideal para profissionais que precisam de agilidade na atualização de sites sem depender de interfaces visuais complexas.

  • 01

    Equipes de Design

    Atualizam o conteúdo do site sem precisar mexer no canvas do Framer ou alterar layouts prontos.

  • 02

    Equipes de Marketing

    Publicam landing pages, posts de blog e conteúdos de campanhas diretamente via chat.

  • 03

    Desenvolvedores

    Sincronizam dados do CMS programaticamente a partir de APIs, bancos de dados ou planilhas.

FAQ

Perguntas de quem usa 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.

Explore

Mais em Design Creative

Sugestões

Conecte Framer ao Claude, Cursor, ChatGPT e outros