Same.new Logo
AI UI Generator

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.

Quick reference

Where Same.new fits

Best fit: Clonagem Visual de UI Protótipos de Frontend Código React e Tailwind Rascunhos Web Clicáveis

Strengths

  • 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.

Limitations

  • 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.

Key Highlights

Standout Features

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.

Cost breakdown

Pricing plans

Listed neutrally from the public pricing data we have. Credit amounts, token limits, and included usage are shown when they are part of the plan details.

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.