Já imaginou como seria legal simplesmente desenhar algo em um papel e deixá-lo ganhar vida no mundo real? Bem, isso é apenas algo que a Microsoft conseguiu com o aplicativo da web Skletch2Code com tecnologia de IA, que pode converter desenhos escritos à mão de um quadro branco em sites HTML com o clique de um botão.
Sketch2Code pode converter qualquer layout desenhado à mão de um site em HTML em poucos segundos. A ferramenta usa o serviço Computer Vision AI da Microsoft para detectar objetos HTML em um desenho e, em seguida, usa o reconhecimento de texto para extrair o texto manuscrito no desenho para combinar e construir trechos HTML de todos os elementos de design na imagem.
Isso torna extremamente rápido para web designers e desenvolvedores construir protótipos HTML de um site em muitos estilos diferentes em questão de segundos. Se você estiver interessado em saber como isso funciona no backend, leia os detalhes técnicos sobre Sketch2Code no site da Microsoft.
Abaixo está um tutorial rápido para mostrar como é simples usar Sketch2Code para converter desenhos de layout de sites em páginas HTML reais.
Primeiro, desenhe um layout do seu site em um quadro branco ou folha branca. Em seguida, tire uma foto e salve-a em seu computador. Depois disso, clique no botão abaixo para abrir o aplicativo web Sketch2Code em seu navegador.
Depois de abrir o site, clique no botão Carregar design e selecione a imagem do layout do site que você desenhou em um quadro branco ou folha branca.
Depois de enviar o design do site desenhado à mão, relaxe e observe o Sketch2Code usar a IA para gerar automaticamente uma página HTML com base no layout da imagem que você carregou.
Assim que o processo for concluído, você verá uma prévia da página HTML recém-gerada junto com a opção de baixar o código completo. Clique no botão Baixe seu código HTML para obter o. html do layout do seu site desenhado à mão para que você possa testá-lo e visualizá-lo localmente no seu navegador.
É isso. Esperamos que Sketch2Code economize seu tempo na prototipagem de um layout de página da web.
Artigos relacionados:
Gerenciando contas Bluesky, Mastodon e Threads perfeitamente com Openvibe
7:51
Corrigindo o erro ‘Invalid Handle’ no Bluesky: um guia passo a passo
11:49
Os 5 principais métodos para iniciar o File Explorer como administrador no Windows 11
14:56
Deixe um comentário