Figma Transformou o Modo Dev em um Servidor MCP. O Corte de Preço Foi o Marketing.

Em abril de 2026, Figma silenciosamente reduziu seu plano Profissional de $20 para $16 por editor por mês — a primeira queda real de preço desde sua aquisição de $20 bilhões pela Adobe, que colapsou no final de 2023 e Figma se tornou pública na NYSE em vez disso. Todos os rastreadores de preços de SaaS que cobrem ferramentas de design publicaram uma versão da mesma manchete: "Figma ficou mais barato." Essa é a coisa menos interessante que aconteceu com a Figma este ano.

A história mais consequente começou treze meses antes e não tem nada a ver com descontos. Entre junho de 2025 e a conferência Config 2026 nesta primavera, a Figma reconstruiu todo o seu modelo de assentos, lançou um servidor remoto de Model Context Protocol, expandiu o Code Connect em uma ferramenta de mapeamento integrada ao GitHub e começou a experimentar trazer código ao vivo para a tela de design. Lidas em conjunto, essas lançamentos descrevem uma empresa se reposicionando de "a ferramenta onde os designers fazem maquetes" para "a camada de contexto que impede seu agente de codificação de IA de alucinar seu sistema de design." A redução de preço é uma tática de geração de demanda para essa mudança, não a mudança em si.

Este artigo é para desenvolvedores que nunca abriram a Figma, exceto para pegar um código hex, e que estão sendo cada vez mais solicitados a instalar "o servidor MCP da Figma" no Cursor, Claude Code ou VS Code por um designer em sua equipe. Ele explica o que o servidor realmente faz, como o modelo de preços foi reestruturado em torno dele, o que é genuinamente melhor do que capturar uma tela de um design em um chatbot e — mais importante — o que as páginas de marketing não dizem sobre quem realmente obtém a boa versão disso.

O que realmente aconteceu

Três mudanças separadas e acumulativas:

1. O modelo de assentos foi reconstruído (março de 2025). A Figma eliminou seu antigo sistema de assentos por produto, onde uma equipe comprava um assento de Design da Figma, pagava separadamente por um assento de Dev Mode e negociava separadamente o acesso ao FigJam. Em seu lugar: três tipos de assentos — Full, Dev e Collab — cada um agrupando um conjunto fixo de produtos. Um assento Full obtém Design, Dev Mode, FigJam, Slides, Draw, Sites, Make e Buzz. Um assento Dev obtém Dev Mode, FigJam, Slides e Buzz, além de acesso de visualização/comentário aos arquivos de Design, para engenheiros que precisam inspecionar, mas não criar. Um assento Collab é apenas FigJam e Slides, para partes interessadas. De acordo com o próprio aviso de atualização de preços e faturamento da Figma, isso entrou em vigor para contas na sua primeira renovação em ou após 11 de março de 2025.

2. A Figma lançou um servidor MCP para Dev Mode (junho de 2025), e depois o expandiu mais duas vezes. O anúncio beta inicial em 4 de junho de 2025 deu ferramentas de codificação agentivas — o post menciona especificamente o Copilot no VS Code, Cursor, Windsurf e Claude Code — acesso direto e estruturado aos dados de design da Figma em vez de uma captura de tela rasterizada. The Verge cobriu o lançamento no mesmo dia. Em 23 de setembro de 2025, o CTO da Figma, Kris Rasmussen, publicou um acompanhamento anunciando acesso ao servidor remoto (sem mais necessidade de ter o aplicativo desktop da Figma rodando localmente), suporte para arquivos Figma Make e uma interface de usuário no aplicativo para mapeamento do Code Connect. The Verge também escreveu sobre isso. Um terceiro post da Figma, datado de 16 de junho de 2026, descreve o servidor "alcançando mais longe pela plataforma do que nunca antes."

3. A Config 2026 avançou ainda mais: código como um tipo de camada nativa. De acordo com o guia do administrador da Config 2026, a Figma introduziu "camadas de código" em beta fechado — a capacidade de importar um repositório frontend do GitHub e editar seu código real diretamente na tela da Figma, ao lado de uma linha do tempo de Dev Mode somente leitura para inspecionar animações e exportá-las diretamente para CSS, JSON ou React.

A redução de preço em abril de 2026 é o quarto ponto de dados, e segundo o rastreador da indústria fewertools, é explicitamente enquadrada como uma resposta competitiva ao impulso do Penpot e ao próprio impulso de construção de aplicativos estilo Make da OpenAI, não como uma cortesia para clientes existentes cujos assentos haviam aumentado de 25-33% no ano anterior.

O que o servidor MCP realmente faz

Se você não tocou no Dev Mode da Figma, a proposta é simples: em vez de alimentar um LLM com um PNG de um componente e esperar que ele adivinhe o preenchimento, os tokens de cor e a lógica de variantes corretamente, o servidor MCP fornece ao agente dados estruturados extraídos diretamente do arquivo Figma.

De acordo com a documentação do desenvolvedor da Figma, a superfície da ferramenta inclui:

• get_design_context — retorna o contexto de design para uma camada ou nó selecionado, com saída padrão em React + Tailwind, mas configurável.
• get_screenshot — uma imagem suplementar da seleção, usada para preservar a fidelidade do layout onde os metadados sozinhos não capturam a intenção visual (um ícone sobreposto, uma imagem de fundo representando uma incorporação de mapa ao vivo).
• get_metadata — IDs de camada, nomes, tipos, posições, tamanhos; para arquivos FigJam, isso inclui também capturas de tela de nós.
• create_design_system_rules — gera um arquivo de regras que informa ao agente como traduzir designs em código consistente com sua pilha tecnológica existente.
• add_code_connect_map / get_context_for_code_connect — vincula um ID de nó da Figma ao componente real em seu código, e recupera esse mapeamento para que o agente possa citá-lo.

Você se conecta de uma das duas maneiras. O servidor remoto, hospedado em https://mcp.figma.com/mcp, está — segundo o próprio guia de configuração da Figma — disponível em todos os assentos e todos os planos, incluindo o nível Starter gratuito. O servidor desktop, que roda localmente através do aplicativo Figma, requer um assento Dev ou Full pago. Qualquer cliente compatível com MCP funciona: VS Code, Cursor, Windsurf, Claude Code, Codex e outros listados no catálogo MCP da Figma.

O fluxo de trabalho, concretamente: um designer constrói um componente na Figma usando o sistema de design real da sua equipe — variáveis reais, instâncias de componentes reais, não formas únicas. Um desenvolvedor (ou o designer, ou o próprio agente) copia um link para aquele quadro. O desenvolvedor cola o link em seu editor conectado ao MCP e solicita algo como "implementar este formulário de login." O agente chama get_design_context, recebe de volta React/Tailwind (ou qualquer que seja o framework que você configurou) anotado