1
resposta

Do Photoshop para o CSS

Olá, bom dia! Gostaria de saber se existe alguma maneira de exportar o layout criado no Photoshop direto para o HTML/CSS. Se existe alguma ferramenta que possibilite criar o desenho do site no Photoshop e exportá-lo de alguma maneira para os arquivos CSS. Ou o Photoshop serve apenas para dar uma noção de como será a cara do site e depois é preciso fazer tudo na mão dentro dos arquivos HTML/CSS?

1 resposta

Oi Marcelo, tudo bem? Antigamente era possível sim fazer isso e talvez ainda seja, se não me engano o F12 faz essa exportação, porém essa não é uma prática de mercado.

O Photoshop ele consegue exportar sua página, porém, ele não gera o código da página corretamente do ponto de vista de boas práticas, acessibilidade, performance e tudo mais. Ele gera o código suficiente para que a página fique idêntica ao que você desenhou.

Já faz algum tempo que testei isso, apesar de não ser recomendado. No geral, desenhamos como queremos que fique, depois escrevemos para que fique daquela forma. O Layout/MockUp é um guia de como a interface deve ser.

Espero ter ajudado!