Deutsch 
Español 
Français 
日本語 
한국어 
Polski 
Recurso do Weblify
Veja o resultado renderizado enquanto inspeciona o código no Figma.
Renderize o código web gerado em diferentes tamanhos de viewport dentro do Weblify e confira o resultado antes do handoff ou do download.
Instalação gratuita. Inclui 25 testes Pro, sem cartão de crédito e com suporte rápido de pessoas de verdade, se você precisar.
Thanks so much, Adam!... saved me many, many hours of manual work.
Usado por equipes de empresas de primeira linha
Na prática
Leve a pré-visualização do código ao vivo no Figma
para o seu processo atual.
Feito para designers e desenvolvedores que precisam de mais do que medidas e capturas de tela para começar a implementação.
Weblify Pro Inspecione o design na linguagem que o desenvolvimento usa.
O Weblify transforma a camada do Figma selecionada em código e em uma prévia renderizada para inspeção antes da entrega. Os desenvolvedores podem começar no framework pretendido em vez de traduzir o design do zero.
Leia o guia do recurso- Você começa com
- A camada ou o componente do Figma que você quer inspecionar
- Você termina com
- Código adequado ao framework e detalhes de implementação
- Ideal para
- Designers e desenvolvedores que trabalham na passagem do design para o código
- Disponível no
- Weblify Pro para Figma
Perguntas frequentes
O que saber antes de começar.
Um resumo rápido do que você precisa, do que você consegue com a pré-visualização do código ao vivo no Figma e de como experimentar.
Do que eu preciso para usar a pré-visualização do código ao vivo no Figma?
Comece com a camada ou o componente do Figma que você quer inspecionar. Siga o guia do recurso no Weblify e inspecione a camada escolhida do Figma.
O que eu consigo com a pré-visualização do código ao vivo no Figma?
Você terminará com código adequado ao framework e detalhes de implementação. Por fim, confira o resultado em cada largura de destino.
Posso experimentar a pré-visualização do código ao vivo no Figma antes de fazer upgrade?
Sim. Instale o Weblify pela Figma Community para ganhar 25 testes Pro grátis. Você não precisa de cartão de crédito.
Orçamento em PDF ↗ 
