As ferramentas de design têm prestado mais atenção ao guia de IA ultimamente, e acho que muito disso tem a ver com a codificação vibracional que entra no design. Qualquer pessoa envolvida com Claude Code está a um clique de Claude Design, e acho que essa é uma grande parte da razão pela qual mais e mais pessoas estão recorrendo ao design. O que é uma coisa boa. Eu estava brincando com o Figma Make antes de Claude Design existir, e não faltaram opções desde então.
No entanto, o lado independente, local e de código aberto da IA e do design é onde vale a pena procurar as joias escondidas. OpenPencil e Open Design foram meu começo para colocar LLMs locais no trabalho de design e ambos ainda estão no meu computador. Mas recentemente me deparei com outro que faz algo semelhante. Chama-se Paper e, embora seja uma ferramenta hospedada, e não de código aberto, permite conectar um modelo local via MCP e desenvolver inteiramente em seu próprio hardware.
Quer se manter atualizado sobre as últimas IA? O boletim informativo XDA AI Insider é publicado semanalmente com análises aprofundadas, recomendações de ferramentas e informações práticas que você não encontrará em nenhum outro lugar do site. Assine alterando suas preferências de boletim informativo!
O que é papel na verdade
A ferramenta de design codificado que surgiu do nada
O artigo foi fundado em 2024 por Stephen Haney, que anteriormente foi coautor da biblioteca de componentes Radix UI. É uma ferramenta SaaS hospedada que não é de código aberto e não é auto-hospedada, atualmente em versão alfa aberta com um aplicativo de desktop e uma versão web. Mas não deixe que isso o desencoraje antes de tentar, a premissa é o que o torna interessante… Cada elemento que você coloca na tela de papel é HTML e CSS reais. Portanto, não há formato de arquivo proprietário nem camadas de exportação; o design está no código. Isso significa que os agentes de IA podem ler e escrever na tela sem necessidade de tradução.
O nível gratuito é generoso para exploração – você obtém uma tela completa e 100 chamadas MCP por semana, que tenho usado até agora. O Pro custa US$ 20 por mês (ou US$ 16 por ano) e soma um milhão de chamadas MCP por semana. Os níveis de organização também estão disponíveis para equipes. Se você é um hobby individual ou um designer-desenvolvedor em busca de fluxos de trabalho para agentes, o plano gratuito é justo. Se você leu algum dos meus designs ou ferramentas de IA, sabe que sou um pouco mesquinho com assinaturas e sempre recomendarei o nível gratuito indefinidamente.
Se você já usou uma ferramenta UX/UI como Figma ou Penpot, este é um território bastante familiar. Contém molduras, ferramentas vetoriais, texto, layout realmente flexível com espaçamento de tela e alças de preenchimento, componentes, marcadores e seletor de cores OKLCH. Não é realmente nada louco ou especial. As únicas duas coisas que se destacam são a biblioteca de shaders (coisas aceleradas por GPU, como gradientes de malha, metal líquido e vidro com nervuras que funcionam nativamente na tela) e o sistema de marcadores, ao qual voltarei mais tarde porque é onde a história local do LLM fica melhor.
Adicionando um artigo a um LLM local
Existem algumas rotas: a minha foi a mais rápida
Toda a tese de Paper sobre IA é que os agentes devem ser cidadãos de primeira classe na tela, e não presos depois. O servidor MCP vem com 24 ferramentas bidirecionais, o que significa que o agente pode ler e gravar em seu arquivo. O que é realmente melhor do que a configuração somente leitura do Figma, e acho que é por isso que o Paper parece tão agente em comparação com todo o resto. O argumento deles para a multidão de designers e desenvolvedores é basicamente que o canvas já fala a linguagem do navegador, então a leitura do LLM não é uma tradução entre formatos, mas uma leitura de HTML real. Isso também significa que o artigo usa menos marcadores por tarefa do que o Figma MCP.
Meu roteiro foi o LM Studio. O Paper Desktop inicia o servidor MCP em http://127.0.0.1:29979/mcp sempre que o arquivo é aberto, então adicionei essa URL ao arquivo mcp.json do LM Studio, liguei-o no painel de chat, carreguei meu modelo (Qwen 3.5 9B) e pronto. Demorou talvez cinco minutos.
Mas o LM Studio tem apenas uma opção. Documentos em papel abrange Cursor, Claude Code, Codex, VS Code com Copilot, OpenCode e Antigravity como hosts oficialmente suportados. E se você usar o Ollama especificamente, existem MCPHost e ollmcp como ferramentas de ponte que conectam seu modelo local a qualquer servidor MCP. Então você tem opções.
Testando o papel em seu próprio hardware
Impressionante, um pouco feio e, em última análise, útil
O Qwen 3.5 9B foi meu modelo para isso, pois foi o melhor para o design nativo que testei até agora em outras ferramentas (e posso trabalhar com meu próprio hardware). Ele também possui invocação integrada de ferramentas nativas, e o Alibaba o chama especificamente de modelo de agente, portanto, ele lida com a saída JSON estruturada do MCP de maneira mais confiável do que o Gemma.
Meu primeiro teste real foi um conjunto de botões de ícones reutilizáveis, que em UX é essencialmente uma biblioteca de componentes. Qwen forneceu uma grade 4×2 adequada, cada botão tem seu próprio nó editável com um elemento filho dentro, exatamente a estrutura que você deseja reutilizá-los. Então, estruturalmente, ele fez o trabalho. Esteticamente, porém, os resultados foram simplesmente feios, por falta de um termo melhor. Eu dei a ele glifos emoticons para armazenar marcadores e o Windows os renderizou como bolhas 3D. Mas não ficou um pouco claro para mim nas instruções.
A segunda tentativa foi muito melhor. Especifiquei a estética com uma linha verde inteligente para combinar com o aplicativo de meditação que uso para a prática do Figma, e ela funcionou. Isso diz algo sobre quanto disso é o prompt que faz o trabalho e quanto é o padrão. Qwen não adivinha seu gosto de design, ele faz o que você manda. Então, eu definitivamente recomendo melhorar suas instruções.
O local tem um teto real. Qwen anuncia uma janela de contexto de 262k, mas posso praticamente aumentar isso para cerca de 32k no meu hardware, já que a VRAM limita a quantidade de contexto que você pode realmente carregar. Cada chamada para a ferramenta MCP alimenta todo o esquema da ferramenta de papel de volta na janela, de modo que as sessões com muitas ferramentas se esgotam rapidamente. Bati no teto mais de uma vez e tive que reiniciar o chat.
Porém, ao usar marcadores, tudo compensa. No design UX, os marcadores são nomeados como valores reutilizáveis para cor, espaçamento, raio, tipografia e assim por diante. Portanto, em vez de codificar o valor hexadecimal em todos os lugares, você se refere a sage-primary e a cada uso ao alterar o token. É uma versão simples do sistema de design. E principalmente no Paper atualmente você só pode criar marcadores usando MCP, ele não possui interface de usuário. Isso significa que a conexão AI não é apenas agradável, mas também o próprio mecanismo…
Pedi ao Qwen que gerasse 29 marcadores para mim com base na estética do meu aplicativo de meditação – 8 cores, 6 passos de espaçamento, 4 raios e uma escala de tipografia – e eles são todos reais, visíveis em Arquivo > Tema > Copiar tema, e aplicáveis a qualquer elemento por meio do menu suspenso de marcadores.
Uma das minhas ferramentas de IA favoritas no momento
O artigo não estava no meu radar até recentemente, embora já exista há alguns anos. É uma das primeiras ferramentas de design que usei onde a IA parece devidamente integrada a ela, em vez de incorporada, e usá-la com um modelo nativo apenas dá a você mais propriedade do processo de design. Meu hardware ainda é um gargalo, mas pelo que fiz com ele, o Qwen 3.5 9B plus Paper é surpreendentemente funcional.
