Ir da pesquisa de UX ao arquivo organizado no Figma com um fluxo de IA, ficando com a curadoria
Designer de UX encadeia n8n, Claude Code e plugins do Figma: a pesquisa vira um arquivo de texto, o texto vira protótipo e o protótipo vai ao Figma com auto layout e tokens.
Prompt
Primeira etapa, para testar no chat com busca ligada antes de montar o fluxo:
```
Faça a pesquisa de UX para [PRODUTO/SITE] de [CLIENTE], público [PÚBLICO].
Entregue em Markdown, com estas seções:
1. Objetivo do produto e tarefas principais do usuário.
2. 5 concorrentes, com link, o que fazem bem e o que fazem mal.
3. Textos da interface sugeridos para as telas [LISTA DE TELAS].
4. 3 direções visuais, cada uma com paleta, tipografia e referências em palavras.
Cite a fonte de cada afirmação sobre concorrentes. Se não achar, diga.
```Como fazer
- O n8n faz a pesquisa de UX com as APIs do Claude e do Perplexity e entrega um arquivo Markdown com textos, concorrentes e pesquisa.
- O Claude Code transforma esse arquivo em moodboards, paletas e tipografia e monta um protótipo em HTML.
- Plugins do Figma via MCP levam o HTML para o Figma com auto layout, tokens e nomes certos.
- Um arquivo gera 3 ou 4 variações por direção.
- A curadoria e o ajuste das variações ao briefing continuam com a designer.
Atenção
- Caso das Filipinas, contado como "build in public" pela própria autora. Cargo não conferido; o perfil não foi aberto (o LinkedIn bloqueou). - Não há número de tempo além de "em minutos". - Exige chaves de API e alguma programação. Comece pela primeira etapa no chat. - Pesquisa feita pela IA pode trazer informação errada sobre concorrentes; confira os links antes de apresentar ao cliente.
Fonte: LinkedIn, 2 de junho de 2026
Mais casos de software e dev
Software e dev
Sócio contador constrói à noite as ferramentas internas do escritório com o Claude Code
CEO e contador de firma de 19 pessoas, sem ser programador, fez com o Claude Code um importador de lançamentos, um plugin de Excel que puxa relatórios e um chat de agentes para a equipe.
ver prompt: Sócio contador constrói à noite as ferramentas internas do escritório com o Claude Code
Software e dev
Ortodontista sem saber programar monta com Claude o sistema de agenda da própria clínica
Dono de duas clínicas usa o Claude para planejar e o Claude Code para construir agenda, pré-consulta, lembretes e backup. Regra dele: o "terminei" da IA só vale depois de testado.
ver prompt: Ortodontista sem saber programar monta com Claude o sistema de agenda da própria clínica
Software e dev
Montar o design system no Figma antes e deixar a IA gerar os componentes a partir dos tokens
Designer de interface compara a tela que a IA gerou sozinha com a que saiu do processo dele: Figma, design system e tokens primeiro, depois o Claude gerando o código.