Same.new Logo
Gerador de UI com AI

Same.new

Clonagem de UI por URL e compilador frontend - prototipagem rápida, loops de edição destrutivos

O que é o Same.new?

Same.new, anteriormente conhecido como Same.dev, é um utilitário de frontend generativo de IA projetado para clonar e prototipar interfaces de usuário. Ao colar um link URL de site ao vivo no construtor, a IA analisa a estrutura HTML da página e as variáveis CSS, convertendo-a em um codebase React e Tailwind CSS.

Homepage da ferramenta de clonagem de UI Same.new - clone qualquer interface de site ao vivo em código editável Snapshot do produto Same.new

Os usuários podem então editar o layout visual digitando comandos de texto em um assistente de chat, ou duplicar componentes para ramificar designs visuais.

Que tipos de aplicações você pode criar com o Same.new?

Como o Same.new compila apenas o layout de frontend, é adequado para rascunhos visuais e maquetes:

  • Landing Pages Interativas: Clone e ajuste seções de marketing visual e barras de navegação.
  • Maquetes de Componentes: Replique espaçamento de cards grid visual e botões de sites de referência.
  • Protótipos de Layout Clicáveis: Crie frames visuais estilizados para testar direções de design.

No entanto, como o construtor carece de bancos de dados, APIs ou gerenciadores de login, você não pode criar sistemas de negócios seguros e multi-usuário (como bancos de dados de clientes, ferramentas de operações internas ou portais de clientes) sem codificar o backend por conta própria.

Onde o Same.new realmente brilha

O recurso de destaque do Same.new é a replicação de sites. Se você quer replicar o estilo de uma landing page para referência, a IA pode analisar suas propriedades visuais em segundos, fornecendo código React limpo e copiável.

Ele fornece um preço de entrada mais baixo do que builders de IA full-stack. O plano Pro começa em $10/mês, tornando-o um playground acessível para desenvolvedores que querem estruturar rapidamente estruturas visuais de frontend.

A complexidade de engenharia e configuração

Embora a clonagem inicial seja simples, usar o construtor para edições complexas de projetos introduz riscos:

  • Perda de Código Destrutiva: Assinantes pagos relatam que pedir à IA para reordenar seções ou adicionar elementos pode resultar no agente deletando milhares de linhas de código funcional, corrompendo o layout.
  • Problemas de Rebranding: A transição de Same.dev para Same.new resultou em contas de usuários perdendo acesso a designs ativos, apresentando riscos operacionais.
  • Déficit de Banco de Dados Relacional: Não há tabelas de banco de dados gerenciadas ou logins. Se você precisa de um formulário para salvar entradas com segurança, você deve escrever endpoints de API e conectar um banco de dados PostgreSQL manualmente.

As armadilhas de preço e o modelo de tokens/créditos

A estrutura de cobrança do Same.new depende de cotas de tokens de modelo:

  • Esgotamento de Tokens em Tentativas Repetidas: Fazer prompts de mudanças em sites clonados consome tokens do seu pool mensal. Se a IA introduz bugs de design, corrigi-los consome tokens, forçando upgrades.
  • Transição de Nível Fixo: Devido a reclamações sobre cobrança imprevisível sob sistemas pay-as-you-go, a plataforma recentemente adicionou planos de nível fixo para ajudar os usuários a prever custos.
  • Alto Custo de Exportação de Código: Embora o código seja exportável, escalar projetos requer o plano Pro para sincronizar com repositórios GitHub, adicionando um requisito de assinatura.

Sentimento Público e Consenso da Comunidade

Discussões de desenvolvedores no Product Hunt e fóruns no-code destacam:

  • Utilitário de Prototipagem Rápida: Construtores gostam de como podem rapidamente converter URLs de telas de sites em arquivos React limpos.
  • Bugs no Fork de Projetos: Usuários reclamam que duplicar ou fazer fork de layouts de projetos maiores e complexos frequentemente falha.
  • Falta de Transparência de Ferramentas: Alguns avaliadores observam que poderiam ter construído sistemas mais completos usando Bolt ou Lovable, que oferecem suporte full-stack.

Para equipes de negócios que buscam criar portais de clientes seguros, dashboards CRM ou bancos de dados internos, usar um utilitário de clonagem de frontend não é prático. Se você precisa de sistemas de negócios seguros, o Softr é uma opção muito mais adequada. O AI Co-Builder do Softr permite que você descreva o que precisa e gera um app completo - banco de dados, páginas, permissões de usuário e navegação - sem produzir uma linha de código gerado que você precisará depurar depois. Você obtém autenticação integrada, grupos de usuário e controles de acesso baseados em funções desde o primeiro dia, e pode conectar o Softr Databases ou puxar dados de mais de 17 fontes externas como Airtable ou Google Sheets. O resultado é um portal pronto para produção ou ferramenta interna, não uma demo frágil que quebra no momento em que um usuário real a toca.

Veredicto: Para quem é realmente?

Ideal para: Desenvolvedores de frontend, designers de UI e fundadores que querem replicar rapidamente um layout de design de uma URL e precisam de código React/Tailwind bruto para construir sobre ele.

Não é para: Operadores não técnicos ou gerentes B2B que precisam de um portal seguro e estável, banco de dados ou workspace de cliente sem codificação ou configuração de hospedagem.

Referência rápida

Onde o Same.new se encaixa

Ideal para: Clonagem Visual de UI Protótipos de Frontend Código React & Tailwind Rascunhos Web Clicáveis

Pontos fortes

  • Copia o layout de design, tipografia e estilização de sites ao vivo a partir de um link URL.
  • Produz código-fonte React e Tailwind CSS copiável padrão.
  • Permite prompting conversacional rápido para editar contêineres visuais.
  • Ponto de entrada de baixo custo em comparação com geradores de código full-stack.

Limitações

  • Os agentes de edição de IA podem destruir estruturas de codebase, apagando milhares de linhas de código.
  • O rebranding de Same.dev para Same.new bloqueou projetos pagos ativos para somente leitura.
  • Tem dificuldade em replicar lógica de estado de banco de dados complexa ou grids aninhados responsivos.
  • Sem módulos integrados de autenticação de usuário ou gerenciamento de banco de dados.

Destaques principais

Recursos de destaque

Clonagem Visual por URL

Cole um link de URL de site, e o agente de IA analisa automaticamente seus elementos CSS e HTML para cloná-los em um template React.

Tokens Pay-As-You-Go

Compre recargas de tokens adicionais a $10 por 2 milhões de tokens para cobrança detalhada de edição.

Detalhamento de custos

Planos de preços

Listado de forma neutra a partir dos dados públicos de preços que possuímos. Os créditos, limites de tokens e uso incluído são exibidos quando fazem parte dos detalhes do plano.

Free

$0/mo
  • Tokens básicos para teste de UI
  • Acesso de clonagem padrão
  • Replicação de página por URL
  • Suporte Pro e limites ilimitados

Pro

$10/mo
  • 2 milhões de tokens incluídos
  • Tokens adicionais ($5 por milhão)
  • Acesso à integração GitHub
  • Hospedagem com domínio personalizado

FAQ

FAQ sobre criadores de apps com IA

O Same.new é um construtor de app full-stack?

Não. O Same.new é uma ferramenta de prototipagem de layout de frontend. Ele não fornece bancos de dados, APIs server-side ou autenticação de usuário. Você deve codificar essas camadas de backend por conta própria.

O que aconteceu com meus projetos Same.dev?

Após a transição de Same.dev para Same.new, vários projetos foram bloqueados ou tornados somente leitura. Usuários pagos devem contatar o suporte ou verificar backups de histórico git.

Posso baixar o código gerado pelo Same.new?

Sim. O Same.new gera código React e Tailwind CSS que você pode exportar e executar localmente ou implantar em provedores de hospedagem como Vercel.