O que é Relume?
Relume é um sistema de planejamento e design assistido por IA para sites de marketing. Um brief vira sitemap; cada página vira sequência de seções nomeadas; os prompts geram wireframes responsivos e copy preliminar; e um style guide aplica cores, tipografia, spacing e padrões de interface. O resultado segue para Figma, Webflow, React, HTML, Claude Design ou editor de programação com IA.
É mais correto chamá-lo de acelerador de design que website builder final. A própria documentação diz que Design View leva o projeto perto de uma direção visual, mas deixa spacing exato, animação customizada e refinamento pixel-level para Figma ou Webflow. Não substitui discovery, content strategy, CMS, publicação, hosting, acessibilidade, integrações, otimização de performance ou QA de produção.
Workflow de sitemap, wireframe e style guide
O ponto forte é a continuidade entre arquitetura da informação e estrutura da página. Mudar seção do sitemap altera o wireframe; título e descrição servem de prompt. Equipes regeneram copy, trocam componentes, criam páginas, transformam navigation ou footer em seções globais, fazem preview responsivo e compartilham links para comentários. Seções globais viram componentes após import compatível em Figma ou Webflow.
Isso ajuda no scoping, mas sitemap de IA ainda é hipótese. Verifique user journeys, keyword intent, conversion paths, páginas jurídicas, account states, localização, ownership de conteúdo, CMS collections, empty/error states e governança. Sequência gerada pode parecer completa omitindo a página que o comprador precisa.
Design View aplica style guide às páginas para conceitos rápidos. Trate como consistência, não revisão final de acessibilidade ou marca. Cores podem falhar em contraste, headings podem não refletir semântica, ordem mobile pode precisar de revisão e padrões repetidos podem fazer marcas convergirem. Um designer deve possuir o sistema final e documentar desvios dos tokens exportados.
Handoff para Figma, Webflow, React, Claude e MCP
O plugin Figma importa projetos, páginas ou seções e sincroniza variables com o Relume Figma Kit atual. O app Webflow cria páginas e seções, mapeia seções globais para componentes e trabalha com style guide Client-First e extensão Chrome. Class Sync tenta reutilizar styles com mesmo nome, mas versões ou estratégias de spacing divergentes criam classes e variables duplicadas. Teste import em projeto descartável antes de substituir páginas.
Export React e HTML expande além do Webflow. O Relume Library MCP pago permite a editores compatíveis recuperar componentes React reais e editáveis por slug, vendorizando files, primitives, Tailwind presets e tokens, em vez de inventar aproximação. Isso melhora determinismo, não torna código automaticamente acessível, seguro, leve ou alinhado à arquitetura. Revise dependencies, semantics, hydration, imagens, breakpoints, bundle size, testes e licença.
Relume também oferece pacote one-click para Claude Design. Isso reduz drift visual, mas adiciona plataforma e handoff. Confirme quais assets, logos, tokens e materiais do cliente são transferidos e como o destino os trata.
Preços atuais e custo total real
A página USD renderizada em 9 de agosto de 2026 mostrava Free a US$ 0: um projeto, uma página, compartilhamento read-only, export Site Builder só para Figma, 30 componentes Webflow, 30 React e kit Figma amplo. Starter custava US$ 26 mensal ou US$ 18 por mês no anual, com um projeto, cinco páginas, comentários, exports pagos, bibliotecas, MCP e Claude Design.
Pro custava US$ 58/mês ou US$ 40 no anual e removia limites de projetos e páginas. Team custava US$ 52/mês ou US$ 36 por pessoa no anual, mínimo de três, adicionando Pro por usuário, workspace Team e sharing com marca. Impostos não estão incluídos e assinaturas renovam automaticamente. Termos oferecem dez dias para pedir reembolso, embora taxas de processamento possam afetar o valor.
Há inconsistência: cards atuais oferecem trial de sete dias, enquanto FAQ antigo na mesma página diz que Pro não tem trial e descreve comportamento legado. Confirme checkout. Custo total inclui Figma, hosting Webflow, developers, CMS ou infraestrutura, integrações e trabalho para transformar wireframe em site.
Licença, privacidade e governança de clientes
A licença permite criar produtos finais customizados para projetos próprios e de clientes e reusar componentes entre projetos. Proíbe redistribuir componentes, revendê-los como assets, fornecer biblioteca editável ou criar produto concorrente. Agências devem decidir entregáveis editáveis e confirmar fluxo, especialmente ao transferir bibliotecas Figma, source React, componentes Webflow ou ownership da conta.
A política cobre identidade, conta, segurança, pagamento, browser, analytics e interação. Mais importante, diz que Relume pode usar certos dados do cliente para treinamento e desenvolvimento de modelos, anonimizando ou agregando quando viável, e oferece opt-out na conta. “Quando viável” não é promessa contratual de no-training. Faça opt-out antes de briefs confidenciais e pergunte sobre conteúdo, prompts, outputs, retenção, exclusão, vendors, subprocessadores, regiões, acesso, incidentes e DPA.
Links compartilhados exigem regras próprias. Use permissão mínima, não coloque estratégia não lançada ou dados pessoais nos wireframes, remova links antigos e verifique se excluir seção também remove comentários. Mantenha registro externo da arquitetura e copy aprovados porque comentários de seções excluídas podem desaparecer.
Veredito
Relume pode economizar muito tempo quando a equipe sabe finalizar sites em Figma, Webflow ou React. Seu valor real não é “IA constrói site”, mas usar um sistema coerente para sitemap, wireframe, copy, componentes, tokens, comentários e handoff.
É substituto ruim para estratégia ou engenharia de produção. Teste em site representativo, importe no stack exato, meça cleanup, revise licença e training setting e compare assinatura anual mais ferramentas downstream às horas realmente poupadas. A métrica certa são páginas aprovadas e mantíveis, não velocidade do primeiro wireframe.
