Deutsch 
Español 
Français 
日本語 
한국어 
Polski 
Selecione seu design. Inspecione o resultado em HTML e CSS.
Inspecione seu design do Figma como código HTML/CSS e dê ao desenvolvimento um ponto de partida concreto.
25 testes Pro grátis • Sem cartão de crédito
Clique em qualquer camada e inspecione-a como HTML, Tailwind, React ou Vue, para passar do design ao código front-end muito mais rápido. Veja como o resultado gerado se comporta enquanto você trabalha, para validar com mais facilidade a estrutura, os estilos e o layout antes do handoff. Leve o código gerado direto para o seu fluxo de trabalho no Dev Mode e ofereça a designers e desenvolvedores uma forma mais clara de revisar juntos os detalhes de implementação. Baixe o resultado gerado para o framework que você usa e deixe a passagem do design para o desenvolvimento muito mais simples e rápida. Inspecione camadas, pré-visualize o código e exporte um código front-end mais limpo direto do Figma com o Weblify.
Usado por equipes de empresas de primeira linha
Como funciona.
Selecione uma camada do Figma, confira o código gerado e visualize o resultado antes de passar para o seu desenvolvedor.
Selecione seu design. Inspecione o resultado em HTML e CSS.
Selecione a camada do Figma no Weblify Inspect e escolha HTML/CSS como formato de código.
Leia o guia do fluxo de trabalho
Pré-visualize o código antes do handoff.
Revise os arquivos HTML/CSS gerados no Weblify, use a pré-visualização ao vivo e copie ou salve o resultado para o handoff ao desenvolvimento. O resultado do Inspect representa o design selecionado. Revise o comportamento responsivo, a semântica e a funcionalidade interativa antes de usar em um site publicado.
Leia o guia do fluxo de trabalho Antes de começar.
Confira o que este fluxo de trabalho do Weblify exige, como usar o resultado e o que revisar antes da sua primeira entrega.
Do Figma para HTML e CSS
Inspecione seu design do Figma como código HTML/CSS e dê ao desenvolvimento um ponto de partida concreto.
| Processo atual |  Com o Weblify |
|---|---|
| Escrever o layout e os estilos do zero Leia as propriedades do design e refaça à mão o markup e os estilos da página. | Selecione seu design. Inspecione o resultado em HTML e CSS. Selecione a camada do Figma no Weblify Inspect e escolha HTML/CSS como formato de código. Leia o guia do fluxo de trabalho |
| Montar os arquivos de entrega à mão Escreva o layout e os estilos em HTML e CSS a partir da referência do Figma e depois compare a página renderizada com o design. | Pré-visualize o código antes do handoff. Revise os arquivos HTML/CSS gerados no Weblify, use a pré-visualização ao vivo e copie ou salve o resultado para o handoff ao desenvolvimento. Leia o guia do fluxo de trabalho |
25 testes Pro grátis incluídos. Sem cartão de crédito.
Teste o Weblify no seu próprio arquivoExperimente o Weblify no seu próximo projeto.
Teste por 30 dias. Não viu valor? Devolvemos todo o seu dinheiro.
Ciclo de cobrança
Comece grátis
Teste o Weblify Pro primeiro
$ 0 Inclui
25 testes Pro grátis
-
1 usuário O suficiente para você mesmo testar o fluxo Pro. - Teste todos os recursos Pro Inclui 25 usos de teste Pro completos.
- Recursos limitados O fluxo gratuito continua disponível depois dos testes.
- Suporte de autoatendimento Documentação para configuração e solução de problemas.
- Inspeções de HTML/CSS ilimitadas
- Sem cartão de crédito Instale pelo Figma e comece a testar.
Teste grátis
Sem cartão de crédito
Mais popular
Weblify Pro
Licença de plugin para Figma
$20 por mês Você economiza $41 por ano
$ 17 Por usuário
Por mês, cobrado anualmente
Gere código HTML, CSS, Tailwind, React e Vue Garantia de reembolso de 30 dias Suporte em até 24 horas
Thanks so much, Adam!... saved me many, many hours of manual work.
- 1 usuário Ajuste o número de licenças antes de pagar.
- Acesso a todos os recursos Tudo do Weblify Pro, desbloqueado.
- Suporte ao cliente incluído Resolvemos qualquer problema em até 24 horas.
- Inspeções de React ilimitadas
- Inspeções de Tailwind ilimitadas
- Inspeções de Vue ilimitadas
- Cópias de código para a área de transferência ilimitadas
- Downloads de componentes ilimitados
- Cobrança anual Economize 17% e cancele quando quiser.
Usa vários plugins? Compare os 12 plugins do Pro Bundle e economize mais do que comprando licenças separadas.
Pagamento seguro
Todos os preços em USD (sem impostos)
Melhor custo-benefício
Pro Bundle
Os 12 plugins · $339/mês separadamente
$99 por mês Você economiza $ 189 por ano
$ 83 Por usuário
Por mês, cobrado anualmente
Garantia de reembolso de 30 dias Pagamento seguro Suporte em até 24 horas
- 1 usuário Um usuário do bundle para cada usuário do Figma.
- Uma licença para 12 plugins Emailify, Bannerify, TinyImage e mais.
- Suporte ao cliente incluído Um único canal de suporte para todos os plugins.
- Economize 70% com o Pro Bundle Mais barato que as licenças individuais.
- Acesso a todos os recursos Acesso Pro completo em cada plugin incluído.
- Cobrança anual Economize 15% e cancele quando quiser.
Pagamento seguro
Todos os preços em USD (sem impostos)
Orçamento em PDF ↗ Depois da compra
Sua chave de licença chega na hora para você compartilhar com os usuários do Figma da sua equipe. Você tem 30 dias para mudar de ideia e pode cancelar quando quiser.
- Após a compra
Chave de licença enviada na hora por e-mail.
Faça o upgrade em minutos: sua chave de licença chega imediatamente.
- Dias 1–30
Experimente sem risco por 30 dias.
Receba o reembolso total se não valer a pena nos primeiros 30 dias.
- A qualquer momento
Cancele quando quiser, sem complicação.
Sem contrato e sem taxas escondidas: cancele quando quiser com um só clique.
Precisa convencer seu chefe?
Personalize esta mensagem e consiga um “sim” rápido para o Weblify. O suporte rápido e humano está incluído, e toda compra tem nossa política de reembolso de 30 dias.
Conheça mais fluxos de trabalho do Weblify.
Descubra outra forma de usar o Weblify, com demos e guias de configuração para cada tarefa.
