Conectores do Claude Design: para onde enviar o rascunho depois de pronto?

O rascunho tá de pé, bonito, na identidade da marca

Aí bate a pergunta que ninguém responde no anúncio: e agora, pra onde vai isso?

O Claude Design não te deixa preso dentro dele: ele envia o trabalho pra uma lista de destinos de terceiros (Adobe, Base44, Canva, Gamma, Lovable, Miro, Replit, Vercel e Wix), com mais destinos anunciados como "em breve"

E a escolha do destino não é detalhe, ela decide o que dá pra fazer em seguida: editar, comentar, virar app ou colocar no ar

Bora mapear isso direito?

O que é o Claude Design e quem tem acesso hoje

O Claude Design saiu pela Anthropic Labs em 17 de abril de 2026, como produto experimental pra criar protótipos, slides e one-pagers

Em junho de 2026 veio a atualização grande: importação de design system, edição direta no canvas, sincronia com o Claude Code e ampliação da lista de conectores

Sobre acesso: tá em beta nos planos Pro, Max, Team e Enterprise

Se você é Enterprise e não achou, calma, não é bug: no Enterprise ele vem DESLIGADO por padrão, é controle do admin

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

Por que o material exportado já sai na cara da marca:

Porque o design system não é chute da IA

A ferramenta importa design system de repositório de código, de arquivos Figma, Sketch ou upload, e aplica esse sistema nos projetos novos

Traduzindo: o que sai pelo conector já nasce alinhado à marca, e não um Lorem Ipsum roxo genérico 😀

Esse hábito de conferir o que a fonte oficial diz antes de sair clicando vale pra todo produto novo da Anthropic, do jeito que vale pra documentação do Claude Cowork também

Mapa dos conectores: o que cada destino recebe

Antes de escolher, vale ver o que efetivamente chega do outro lado

Porque "enviar pro Canva" e "enviar pro Replit" são coisas MUITO diferentes

E não é só conector, se liga: o Claude Design também exporta em PPTX, PDF e HTML, gera link compartilhável no escopo da organização e faz handoff pro Claude Code

Como enviar um projeto do Claude Design para um destino externo

O caminho é curtinho e é sempre o mesmo, independente do destino

1. Abra o projeto no Claude Design

Parece óbvio, mas o envio é por projeto, não por conta inteira

2. Clique em Share, no canto superior direito

O erro comum deste passo: procurar um botão de "integrações" perdido nas configurações

A porta de entrada é o Share, não um painel separado

3. Escolha "Send to…" e depois "Add a destination"

É aqui que a lista de destinos aparece

4. Selecione o destino e siga a conexão da conta

Na primeira vez ele pede a autenticação da conta lá do outro lado, então tenha o login em mãos

5. No Miro, conecte antes de esperar o board aparecer

Na primeira vez que você usa o Send to Miro, a conexão é feita abrindo Customize > Connectors no Claude e adicionando o Miro

O erro comum deste passo: tentar conectar por fora e achar que o conector tá quebrado

6. No Replit, espere o Agent fazer a segunda metade do trabalho

Em Share > Send to… o Replit aparece como destino

Depois do import, o Agent do Replit abre uma task pra transformar o design estático em app, implementando o comportamento interativo que estava implícito no design

7. Sem conector? Vai de arquivo

Abra o projeto, clique em Export (canto superior direito) e escolha "Download as .zip"

Depois é só subir o arquivo no Vercel Drop

O erro comum deste passo: subir esperando site completo funcionando

O que sai dali é frontend, e formulário que envia de verdade não é frontend…

Qual conector escolher para cada tipo de trabalho

Esquece a lista alfabética por um segundo

A pergunta certa é: o que precisa acontecer com esse rascunho depois?

Fluxo de design e marca:

Canva e Adobe Express

No Canva o trabalho entra na Visual Suite como design estruturado e totalmente editável

No Adobe Express ele vira documento Express totalmente editável, pra refinar, aplicar marca, colaborar e publicar

E tem um detalhe que muita gente ignora: existe o conector Adobe for creativity, que traz recursos do ecossistema Adobe pra DENTRO do Claude, por linguagem natural, sem trocar de app

Photoshop, Lightroom, Illustrator, Firefly, Premiere, Express, InDesign e Stock estão nessa lista, e é só uma amostra do catálogo que o conector alcança

Bem massa pra quem vive pulando entre 4 janelas =)

Apresentação:

Gamma

Os designs do Claude passam direto pra lá totalmente editáveis, então o slide continua vivo, não vira print colado

Revisão em equipe:

Miro

O design chega como embed widget no board: dá pra mover, redimensionar, enquadrar, comentar e colar sticky notes em volta

E o melhor, os comportamentos interativos do design (hover, transições simples) funcionam dentro do embed

Ou seja, o time revisa a coisa se comportando, não uma imagem parada

Virar app:

Base44, Lovable e Replit

O Base44 permite criar, editar e gerenciar apps direto do Claude, gerando projeto full-stack com modelos de dados, lógica de backend e UI funcional

O Lovable é pra quando você desenhou o app na identidade da marca no Claude Design e quer levar a ideia pra dentro dele como aplicação pronta pra produção

O Replit é a rota do Agent abrindo task e implementando o interativo

Colocar no ar:

Vercel e Wix

O Vercel é a rota de publicação pura: o projeto sai do Claude Design e vai pro ar como frontend, sem nada de backend junto

No lado do Wix a história ficou interessante: em 21 de julho de 2026 foi anunciado que o Wix Headless conecta Claude Code, Claude Design, Codex e Base44 à infraestrutura do Wix (pagamentos, agendamentos, CMS, SEO, hospedagem e analytics) a partir de um prompt

E existe guia oficial "Send a Claude Design to Wix" na documentação do Wix Headless, então não é promessa de release note solta

Até onde o conector resolve (e onde você ainda precisa de backend)

Agora a parte que o hype esquece de contar

O Claude Design gera apenas código de frontend

Isso significa que formulário de contato, banco de dados ou contas de usuário exigem API routes no Next.js ou um backend separado com banco conectado

Então o conector não é mágica: ele te entrega a camada visual no lugar certo, e o resto do sistema continua sendo sistema

O corte prático entre os destinos:

De um lado, os que já resolvem o full-stack pra você: Base44 (que gera modelos de dados e lógica de backend), Lovable (aplicação pronta pra produção) e Wix Headless (que pluga pagamentos, agendamentos e CMS)

Do outro, os que recebem a camada visual e param ali: Canva, Adobe Express, Gamma e Miro, que são fluxo de design, apresentação e revisão

E o Vercel? Ele fica no segundo grupo, mesmo dividindo a seção "colocar no ar" com o Wix: publica a camada visual lindamente, e o backend continua sendo tarefa sua

E quando NÃO vale conectar nada?

Quando o destino do trabalho é uma pessoa, não um app

Se é pra mandar deck pro cliente ou anexar num email, exportação em PPTX, PDF ou HTML já mata, sem conta nova nem autorização de conta

E se a próxima etapa é código de verdade dentro do seu repositório, o caminho é o handoff pro Claude Code, não o conector

Quem ainda tá se ambientando com essa parte pode começar a aprender o Claude Code antes de tentar plugar o design system inteiro de uma vez

Conclusão

O critério pra escolher entre os conectores do Claude Design é bobo de tão simples: o que precisa acontecer com o rascunho depois?

Editar visual, vai de Canva ou Adobe Express

Apresentar, Gamma

Revisar com o time, Miro

Virar app com backend, Base44, Lovable ou Wix Headless

Só colocar o frontend no ar, Vercel

O próximo passo concreto é abrir Share > Send to… e conectar o primeiro destino que corresponde ao seu fluxo

E se a intenção é só publicar rápido, nem precisa de conector: Export, "Download as .zip" e joga no Vercel Drop

Bora testar e ver até onde o rascunho aguenta viajar? 😀

até o próximo post!