HTML para Figma: importe qualquer site como camadas editáveis

Instale o plugin gratuito Codia AI Web2Figma a partir da Figma Community e execute-o em qualquer ficheiro do Figma. Cole o URL da página, escolha uma vista (computador, tablet ou telemóvel) e um tema claro ou escuro, e importe. A página aparece na tela como camadas editáveis do Figma. Para uma página que exige sessão iniciada, capture-a primeiro com a extensão do Chrome.

Sim, pode começar gratuitamente. O plano gratuito inclui 10 créditos de transformação por mês, sem cartão de crédito. O Pro acrescenta importações ilimitadas, processamento de imagens em maior resolução e a importação de vários URL ou ficheiros do Codia de uma só vez.

Sim. Os plugins do Figma funcionam no plano gratuito do Figma, por isso não precisa de um lugar pago. Precisa, no entanto, da aplicação de computador do Figma ou do Figma num navegador de computador: os plugins não funcionam nas aplicações móveis do Figma.

Sim. Instale a extensão do Chrome do Codia AI Web2Figma, abra a página no Chrome com a sessão iniciada e capture-a: a extensão guarda-a como um ficheiro .codia. Depois, carregue ou cole esse ficheiro na área de importação da extensão do Chrome no plugin. Funciona para dashboards, áreas de administração, ambientes de testes e outras páginas a que a importação por URL não chega.

Sim. Escolha computador, tablet ou telemóvel antes de importar para capturar a página nessa largura e selecione o tema claro ou escuro nos sites que suportam ambos. Importe várias vistas para reunir um conjunto de frames responsivos num só ficheiro.

O texto chega como camadas de texto editáveis, as imagens como preenchimentos de imagem e as secções, fundos, contornos e gradientes como frames e formas que seguem o layout da página. O Codia captura a página tal como está no momento da importação, por isso animações, scripts e interações não são transferidos.

Sim. Em vez de colar um URL, carregue um ficheiro .html ou .htm, ou um .zip de um site exportado com o respetivo CSS e imagens, na área de importação da extensão do Chrome no plugin. Se o ZIP tiver várias páginas, escolhe qual importar. É útil para builds locais, exportações HTML e páginas que ainda não estão publicadas.