Página inicial da UXMagic
  • Funcionalidades
  • Bibliotecas
  • Comunidade
  • Preços
  • Afiliados
  • Recursos
Página inicial da UXMagic
Página inicial da UXMagic

Bibliotecas

Comunidade
Preços
Afiliados

Recursos

Siga a gente:
  • Siga a gente no Slack
  • Siga a gente no Twitter
  • Siga a gente no LinkedIn
  • Siga a gente no YouTube
  • Siga a gente no Instagram
Central de Ajuda
  • 🚀Primeiros passos
  • ✨Gerar designs
  • 🎨Projetar e editar
  • 📦Exportar e entregar
  • 🌐Publicar um site no ar
  • 🤝Compartilhar e colaborar
  • 🔌Integrações e desenvolvimento
    • Servidor MCP da UXMagic
    • Chaves de API
    • O plugin da UXMagic para o Figma
    • Sincronização com o GitHub
    • Usar a UXMagic pelo ChatGPT, Claude e outros assistentes
  • 💳Planos, créditos e faturamento
  • 🛠Solução de problemas

Ainda travado?

Nosso time responde de dentro do produto.

Falar com o suporte →
  1. Central de Ajuda/
  2. Integrações e desenvolvimento/
  3. Servidor MCP da UXMagic

Servidor MCP da UXMagic

Conecte Claude, Cursor, VS Code, Windsurf, Codex ou Antigravity aos seus projetos da UXMagic.

Última atualização: 27 de agosto de 2026

Nesta página

  • Configuração
  • O que seu assistente pode fazer depois de conectado
  • Um fluxo típico
  • Créditos
  • Segurança

O Model Context Protocol (MCP) é um padrão aberto que permite a assistentes de IA falar direto com ferramentas externas. O servidor MCP da UXMagic conecta seu assistente de programação aos seus projetos reais da UXMagic — em vez de copiar capturas para um chat, seu assistente lê o design de verdade.

uxmagic.ai/dashboard/project
A caixa de diálogo Conectar MCP, mostrando as IDEs suportadas: Antigravity, Cursor, Codex, VS Code, Windsurf e Claude.
Connect MCP pairs a project with Claude, Cursor, VS Code, Windsurf, Codex or Antigravity.

Configuração#

  1. Vá até a página do MCP e escolha sua IDE.
  2. Gere uma chave de API — veja Chaves de API.
  3. Copie a configuração gerada e cole nas configurações de MCP da sua IDE.
  4. Reinicie a IDE se ela não reconhecer o servidor novo de imediato.

Suportados de fábrica: Claude, Cursor, VS Code, Windsurf, Codex e Antigravity. Qualquer cliente compatível com MCP funciona com a mesma configuração.

O que seu assistente pode fazer depois de conectado#

Ler seu trabalho

  • Listar seus projetos e obter os detalhes de um projeto.
  • Listar as telas de um projeto e obter os detalhes de uma tela.
  • Ler o HTML de uma tela e ler o tema do projeto.
  • Listar e ler os documentos do projeto (PRDs, briefings).

Mudar seu trabalho

  • Criar um projeto, criar uma tela, duplicar uma tela.
  • Fazer uma edição direcionada de buscar e substituir, ou substituir todo o corpo de uma tela.
  • Substituir uma imagem.
  • Exportar uma tela para o Figma.

Gerar

  • Disparar uma geração de design, checar o status e depois confirmá-la ou cancelá-la.

A geração é de propósito um aperto de mão em três passos em vez de uma chamada única: seu assistente inicia, acompanha, e você decide se fica com o resultado — assim um laço de agente não consegue queimar seus créditos em silêncio.

Um fluxo típico#

“Leia a tela de Preços do meu projeto Ledgerly e implemente como componente React usando nossos design tokens.”

Seu assistente puxa a marcação e o tema reais e escreve código contra eles. Sem capturas, sem desvio, sem redescrever o design.

Créditos#

Operações de leitura são gratuitas. Gerar via MCP custa os mesmos créditos que gerar no aplicativo — é o mesmo motor.

Segurança#

Sua chave de API autentica a conexão com a sua conta. Mantenha fora de arquivos versionados, e rotacione ou revogue quando quiser nas configurações da conta.

Perguntas frequentes

Quais IDEs são suportadas?
Claude, Cursor, VS Code, Windsurf, Codex e Antigravity — e qualquer outro cliente compatível com MCP.
Preciso instalar alguma coisa?
Não. A UXMagic gera a configuração para a sua IDE; você cola nas configurações de MCP dela.

Este artigo foi útil?

Artigos relacionados

Chaves de API

Criar, rotacionar e revogar chaves para o servidor MCP e o acesso à API.

Exportar código (HTML, React, Tailwind)

Exporte uma tela sozinha ou um projeto inteiro como código de front-end pronto para produção.

Sincronização com o GitHub

Envie o código exportado direto para um repositório, e publique com o GitHub Pages.

← AnteriorComunidade e inspiraçãoPróximo →Chaves de API

Nesta página

  • Configuração
  • O que seu assistente pode fazer depois de conectado
  • Um fluxo típico
  • Créditos
  • Segurança

sua próxima ideia
merece existir

pare de só pensar nela. escreva de qualquer jeito. Mal escrita, pela metade, tanto faz. A gente transforma em algo real.

Produto

  • Comunidade
  • Planos e preços
  • Programa de afiliados
  • UXMagic MCP
  • Claude MCP
  • Informações para IA

Recursos

  • Central de ajuda
  • Biblioteca Figma
  • Biblioteca React
  • Templates de apps mobile
  • Documentação
  • Tutoriais

Funcionalidades

  • De prompt para UI
  • De imagem para UI
  • De esboço para UI
  • Clonar site
  • Importar do Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Todas as funcionalidades

Comparar

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Todos os concorrentes

Blogs

  • IA no fluxo de trabalho de UX design: o que funciona de verdade
  • Templates de prompt para dashboards SaaS
  • Prompts reais que usamos para gerar fluxos de produto
  • Engenharia de prompt para designers de UX
  • Melhores ferramentas de wireframe em 2026: 10 opções gratuitas e pagas comparadas
  • Todos os blogs

Empresa e suporte

  • Carreiras
  • Fale conosco
  • Política de privacidade
  • Termos de uso
  • Configurações de cookies
  • Siga a gente no Slack
  • Siga a gente no Twitter
  • Siga a gente no LinkedIn
  • Siga a gente no YouTube
  • Siga a gente no Instagram

© 2026 UXMagic AI Technologies Inc.