Do que eu preciso para usar a inspeção de código no Dev Mode do Figma?

Comece com a camada ou o componente do Figma que você quer inspecionar. No Weblify: Abra o design no Dev Mode.

O que eu consigo com a inspeção de código no Dev Mode do Figma?

Você terminará com código adequado ao framework e detalhes de implementação. Use o Weblify sem alterar o design original.

Posso experimentar a inspeção de código no Dev Mode do Figma antes de fazer upgrade?

Sim. O Weblify inclui 25 testes Pro grátis. Você não precisa de cartão de crédito e pode continuar usando os recursos gratuitos depois.

Recurso do Weblify

Inspecione o código de implementação direto no Dev Mode do Figma.

Os desenvolvedores podem inspecionar o código do Weblify no Dev Mode do Figma sem acesso de edição ao arquivo de design original.

Experimente o Weblify Pro
25 testes Pro grátis incluídos

Instalar Segurança Guia do recurso

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

Pronto para testar o Weblify? Comece com 25 testes Pro grátis. Sem cartão de crédito. Teste o Weblify grátis → Ver preços

Na prática

Leve a inspeção de código no Dev Mode do 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 inspeção de código no Dev Mode do Figma e de como experimentar.

Comece com a camada ou o componente do Figma que você quer inspecionar. Siga o guia do recurso no Weblify e abra o design no Dev Mode.

Você terminará com código adequado ao framework e detalhes de implementação. Por fim, use o Weblify sem alterar o design original.

Sim. Instale o Weblify pela Figma Community para ganhar 25 testes Pro grátis. Você não precisa de cartão de crédito.

Inspecione o código de implementação direto no Dev Mode do Figma.

Os desenvolvedores podem inspecionar o código do Weblify no Dev Mode do Figma sem acesso de edição ao arquivo de design original.

Processo atual comparado com Weblify.
Processo atual	Com o Weblify
Pedir outra entrega preparada Peça a um designer outra entrega preparada só para inspecionar as camadas do design.	Inspecione o código de implementação direto no Dev Mode do Figma. Os desenvolvedores podem inspecionar o código do Weblify no Dev Mode do Figma sem acesso de edição ao arquivo de design original. Abra o design no Dev Mode Selecione a camada que você quer inspecionar Use o Weblify sem alterar o design original Veja a configuração e o resultado

25 testes Pro grátis incluídos. Sem cartão de crédito.

Teste o Weblify no seu próprio arquivo

Experimente o Weblify para Figma hoje.

Teste por 30 dias. Não viu valor? Devolvemos todo o seu dinheiro.

Ciclo de cobrança

Mensal Anual Economize 17%

Usuários do Figma

$ 0 Inclui
25 testes Pro grátis

Comece seus 25 testes Pro grátis
Sem cartão de crédito

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

$20 por mês Você economiza $41 por ano

^$ 20 $ 17 Por usuário
Por mês, cobrado anualmente

Comprar Weblify Pro
Cobrança anual de $199

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 mensal Cancele quando quiser
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

$99 por mês Você economiza $ 189 por ano

$ 99 $ 83 Por usuário
Por mês, cobrado anualmente

Comprar Pro Bundle
Cobrança anual de $999

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 mensal Cancele quando quiser
Cobrança anual Economize 15% e cancele quando quiser.

Pagamento seguro
Todos os preços em USD (sem impostos)

Precisa de aprovação?

Preços para equipes →

Orçamento em PDF ↗ Visão geral de segurança ↗ Fatura ou pedido de compra ↗

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.

Inspecione o código de implementação direto no Dev Mode do Figma.

Leve a inspeção de código no Dev Mode do Figma
para o seu processo atual.

Inspecione o design na linguagem que o desenvolvimento usa.

O que saber antes de começar.

Do que eu preciso para usar a inspeção de código no Dev Mode do Figma?

O que eu consigo com a inspeção de código no Dev Mode do Figma?

Posso experimentar a inspeção de código no Dev Mode do Figma antes de fazer upgrade?

Experimente este fluxo de trabalho no seu próprio arquivo do Figma.

Inspecione o código de implementação direto no Dev Mode do Figma.

Experimente o Weblify para Figma hoje.