MCP, o Model Context Protocol, é um padrão aberto que permite que agentes de IA se conectem a fontes de dados e ferramentas. Para designers, isso significa que uma ferramenta de codificação de IA pode ler um arquivo de design diretamente, em vez de adivinhar a partir de uma captura de tela e, em alguns casos, criar ou alterar o próprio design.
Figma possui um servidor MCP que fornece contexto de design aos agentes de IA, como variáveis, componentes e layout, para que eles possam gerar código a partir de quadros selecionados. Ele também pode gravar conteúdo Figma nativo de volta na tela; Figma descreve esse recurso como gratuito durante sua versão beta e planejado para se tornar baseado no uso. De acordo com a central de ajuda do Figma, o servidor MCP está disponível nos planos Starter, Professional, Education, Organization, Government e Enterprise.
Penpot possui um servidor MCP gratuito e aberto. Penpot descreve-o como funcionando com qualquer cliente e modelo MCP, incluindo Claude, Cursor, Visual Studio Code e OpenAI Codex, e as equipes podem implantá-lo em seus próprios servidores para manter os dados do projeto privados.
ExodeUI, que fabricamos, possui um servidor MCP para UI interativa e animação. Claude Code, Cursor e outras ferramentas de codificação de IA podem criar e editar animações, incluindo estados, física de primavera, entradas e eventos, a partir de prompts em linguagem simples. O resultado é um arquivo .exode aberto que os pacotes de tempo de execução reproduzem em React, Vue, Svelte, Angular, Solid, React Native, SwiftUI e Flutter.
Outras ferramentas estão adicionando suporte MCP rapidamente, portanto, verifique a documentação de cada fornecedor antes de escolher. Icons8, por exemplo, oferece um servidor MCP para sua biblioteca de ícones e ilustrações, que é útil junto com seu aplicativo de design Lunacy, mas não edita arquivos Lunacy.