Um recurso importante que distingue o Same das ferramentas comuns de captura de tela é sua capacidade de exportar arquivos de código de front-end que podem ser usados diretamente em ambientes de produção. Quando o usuário opta por exportar o código, a ferramenta gera pacotes de código HTML/CSS padronizados que já contêm todos os elementos visuais e a estrutura de layout da página da Web copiada.
A saída do código tem três características distintas: em primeiro lugar, integridade, o código copiado mantém a estrutura DOM completa e a definição de estilo da página original; em segundo lugar, normalidade, o código segue as especificações padrão de criação de HTML/CSS; e, por último, usabilidade, o desenvolvedor pode integrar diretamente esse código ao projeto ou modificá-lo como ponto de partida para o desenvolvimento. Isso é dezenas de vezes mais eficiente do que a maneira tradicional de escrever código do zero ou implementar com base em capturas de tela.
Além do código, a ferramenta também suporta a exportação de imagens de rascunhos de design no formato PNG para atender às diferentes necessidades dos designers. Ambos os formatos de saída têm suas próprias vantagens: o código é adequado para a implementação técnica dos desenvolvedores, enquanto as imagens são convenientes para a referência visual e a concepção criativa dos designers. Esse modo de saída dupla permite que o Same atenda a um grupo maior de usuários profissionais.
Essa resposta foi extraída do artigoO mesmo: clonar a interface do usuário do site para gerar código de front-end de nível de produçãoO
