Neste artigo:
Nosso Servidor MCP conecta a ferramenta de IA da sua preferência ao Moqups para que ela trabalhe ao lado da sua equipe. Assim, seu assistente de IA pode, entre outras coisas, transformar wireframes em designs de alta fidelidade, iterar e explorar várias opções de design, analisar diagramas para encontrar etapas ausentes e casos extremos, e organizar as notas de brainstorming da sua equipe.
Neste artigo, você aprenderá como conectar sua ferramenta de IA, o que ela pode fazer nos seus projetos e como manter o controle das alterações que ela faz.
Quem pode usar este recurso?
O Servidor MCP está disponível em todos os planos pagos do Moqups, com limites diários e mensais que dependem do seu plano. Você encontrará os detalhes na seção Planos e limites abaixo.
Você também precisará de uma ferramenta de IA que ofereça suporte a conexões MCP. O MCP (Model Context Protocol) é um padrão aberto que permite que ferramentas de IA se conectem diretamente a aplicativos como o Moqups.
O que a IA pode fazer nos seus projetos
Depois de conectada, sua ferramenta de IA pode trabalhar em seus wireframes, diagramas e whiteboards. Estes são alguns exemplos do que você pode pedir a ela:
-
Wireframes e mockups:
- Criar um wireframe a partir de notas do seu projeto
- Criar variações de um wireframe para explorar várias opções
- Ler notas e requisitos e aplicá-los a um design
- Levar um wireframe de baixa fidelidade a um design de alta fidelidade
- Aplicar as cores e fontes da sua marca
- Analisar wireframes e fazer sugestões
- Criar uma versão mobile de um layout desktop ou vice-versa
- Criar uma versão em modo escuro do seu design
- Preencher wireframes com textos provisórios, revisar ou escrever o texto final
- Gerar código de handoff com base nos designs
-
Diagramas e fluxogramas:
- Criar fluxogramas e diagramas de rede, de processo, ERD e UML a partir de notas
- Verificar lacunas e etapas esquecidas nos diagramas e sugerir melhorias
- Identificar problemas de casos extremos na modelagem
- Criar mapas de site e fluxogramas a partir das suas notas
- Gerar código com base em diagramas de banco de dados existentes no Moqups
- Converter um diagrama em código Mermaid
-
Whiteboards e frameworks:
- Pesquisar, ordenar e agrupar notas adesivas por tema
- Resumir sessões de brainstorming e criar itens de ação
- Montar frameworks para sprints, retrospectivas e sessões de estratégia
- Criar árvores de decisão ou matrizes a partir de notas de reuniões ou workshops
- Criar mapas de jornada do usuário a partir de notas de pesquisa
-
Comentários:
- Ler, analisar e resumir o feedback das partes interessadas
- Criar ou atualizar wireframes, diagramas e quadros com base nesse feedback
A IA pode adicionar, renomear e redimensionar páginas. Também pode adicionar, alterar, reestilizar ou excluir objetos. Mas não pode excluir páginas nem os projetos em si.
A IA pode ler os comentários dos seus projetos, mas não pode adicionar, responder nem resolver comentários.
Conecte sua ferramenta de IA
O Servidor MCP do Moqups é hospedado online, então não há nada para instalar. Você se conectará usando este URL do servidor:
https://api.moqups.com/mcp
Para conectar sua ferramenta de IA:
- Copie o URL do servidor acima.
- Abra as configurações de conectores ou de MCP da sua ferramenta de IA e adicione um novo conector personalizado usando o URL.
- Quando solicitado, entre na sua conta do Moqups e permita o acesso.
- Para verificar se está funcionando, peça à sua ferramenta de IA que liste seus projetos do Moqups.
Para instruções completas passo a passo, escolha sua ferramenta de IA abaixo:
| Ferramenta de IA | Guia de configuração |
|---|---|
| Claude | Get started with custom connectors using remote MCP |
| ChatGPT | Developer mode and MCP apps in ChatGPT |
| Mistral | MCP Connectors |
| Claude Code | Connect Claude Code to tools via MCP |
| VS Code | Add and manage MCP servers in VS Code |
Para ferramentas de IA que não estão listadas aqui, adicione o URL do servidor como um conector personalizado ou servidor MCP nas configurações da sua ferramenta.
Algumas ferramentas de IA só oferecem conectores personalizados em determinados planos, ou precisam que um administrador os adicione. Consulte o guia da sua ferramenta de IA acima.
Direcione a IA para o trabalho certo
Sua ferramenta de IA pode encontrar projetos pelo nome, mas trabalha mais rápido quando você é específico. Informe o nome da equipe e do projeto em que ela deve trabalhar, ou cole um link de um projeto ou de uma página no seu pedido.
Se quiser que a IA se concentre em uma área específica do seu design, use nosso recurso de link para a seleção; depois de selecionar um objeto ou grupo, clique com o botão direito e escolha ‘Copiar link para a seleção’ no menu de contexto, ou selecione ‘Compartilhar link para a seleção’ na janela de Compartilhamento no editor.
Permissões
Sua ferramenta de IA tem o mesmo acesso ao Moqups que você. Ela pode abrir qualquer projeto de qualquer equipe a que você pertença, mas nada além disso.
A IA também reflete a sua própria função em cada projeto. Se você só tem permissão para visualizar e comentar em um projeto, a IA pode ler esse projeto, mas não pode alterá-lo. Da mesma forma, a IA pode ver suas equipes, mas não pode alterá-las.
Se você pertence a mais de uma equipe, a IA pode acessar todas elas. Para garantir que a IA trabalhe no lugar certo, basta especificar qual equipe e qual projeto ela deve usar.
Mantenha o controle das alterações da IA
As alterações da IA aparecem no seu projeto à medida que são feitas, então qualquer pessoa que esteja com esse projeto aberto as verá acontecer em tempo real.
Muitas ferramentas de IA também podem pedir sua permissão antes de cada alteração que fazem no seu projeto. Normalmente você encontra essa opção nas configurações de conector ou de permissões da sua ferramenta de IA. Ativá-la permite que você confira cada alteração antes que ela aconteça, o que é útil enquanto você ainda está aprendendo como a IA lida com seus projetos.
Para tarefas maiores, peça uma alteração de cada vez e confira o resultado antes de pedir a próxima.
Desfazer e Refazer não se aplicam a alterações feitas pela IA, portanto duplique seu projeto antes de pedir à IA que faça alterações grandes.
Planos e limites
Cada plano do Moqups inclui um número definido de solicitações de IA por dia e por mês:
| Plano | Solicitações por dia | Solicitações por mês |
|---|---|---|
| Starter | 50 | 500 |
| Business | 200 | 2.000 |
| Unlimited | 1.000 | 10.000 |
Em cada plano, a IA pode fazer até 20 solicitações por minuto. Cada vez que seu assistente de IA lê o seu projeto ou faz uma alteração, isso conta como uma solicitação – portanto, uma única tarefa geralmente usa várias chamadas. Por exemplo, ler um wireframe e depois atualizá-lo usará pelo menos duas solicitações.
À medida que aprendemos como as equipes usam o Servidor MCP, podemos ajustar esses limites, e quaisquer mudanças serão refletidas aqui.
Desconecte sua ferramenta de IA
Depois que você conecta uma ferramenta de IA, ela é listada na aba Integrações do seu Painel do Moqups, e você pode desconectá-la de lá a qualquer momento.
Para desconectar uma ferramenta de IA:
- Abra o menu Conta no canto inferior esquerdo da Barra Lateral Esquerda.
- Selecione Integrações no menu.
- Na seção Servidor MCP do Moqups, clique no botão Desconectar ao lado da ferramenta de IA.
Você também pode remover o conector nas configurações da própria ferramenta de IA.
Perguntas e Respostas
Por que minha ferramenta de IA não encontra um projeto?
Verifique se você tem acesso ao projeto no Moqups, já que a IA só pode abrir os mesmos projetos que você. Se o nome do projeto for compartilhado por projetos de equipes diferentes, informe também a equipe, ou dê à IA um link para o projeto.
Conectei, mas minha ferramenta de IA não está usando o Moqups. O que devo fazer?
Algumas ferramentas de IA precisam que o conector seja ativado em cada conversa, ou precisam ser reiniciadas depois que você o adiciona. Se isso não ajudar, desconecte e conecte novamente. Você também pode pedir à sua IA que use o Servidor MCP do Moqups ao iniciar uma tarefa.
Quando os meus limites de solicitações de IA são redefinidos?
Os limites diários são redefinidos à meia-noite UTC de cada dia, e os limites mensais são redefinidos à meia-noite UTC do primeiro dia de cada mês.
O que acontece quando atinjo o meu limite?
A IA para de funcionar nos seus projetos do Moqups até que o limite seja redefinido. Se você o atingir no meio de uma tarefa, a IA pode concluir apenas parte do trabalho. Antes de pedir à IA que faça alterações grandes, duplique seu projeto para ter uma cópia à qual voltar.
Posso usar o Servidor MCP no plano Free?
Não, o Servidor MCP do Moqups está disponível apenas para os nossos planos pagos.
Algo deu errado com uma alteração da IA. Meu trabalho pode ser restaurado?
Entre em contato com nossa equipe de suporte e faremos o possível para ajudar. Como precaução, duplique seu projeto antes de pedir à IA que faça alterações grandes.
Ainda preciso da extensão do Moqups?
A extensão faz coisas que o Servidor MCP não faz. Use-a para transformar páginas da web ativas em layouts editáveis, fazer screenshots ou gerar briefings de design – ou para trazer designs de IA para o Moqups sem conectar sua ferramenta de IA.