Quanto custa converter Figma para WordPress?

Converter Figma para WordPress no Fiverr Pro costuma custar cerca de R$ 800-1.600 por uma landing page e cerca de R$ 1.600-6.420 por um site de 3-10 páginas feito com Elementor ou com o editor de blocos. Um tema programado sob medida, com conteúdo dinâmico como anúncios ou uma loja, costuma ter preço inicial em torno de R$ 8.020.

O layout está aprovado e pago. Aí o site chega com a versão para celular apertada, fontes diferentes e títulos que você não consegue mudar sem mandar mensagem para o desenvolvedor.

Veja como preparar seu arquivo do Figma para receber um orçamento claro e conferir se o site bate com o layout antes de aceitar a entrega.

Faixas de preço

No momento em que escrevo, estas são as faixas de preço comuns no Fiverr Pro para cada tipo de projeto:

O Fiverr cobra uma taxa de serviço no checkout. Pergunte como o vendedor conta as páginas: alguns contam cada layout único, então dez páginas com o mesmo design podem sair mais baratas que cinco diferentes.

O que você recebe em cada faixa de preço

R$ 800-1.600: uma landing page

O vendedor recria uma página a partir dos frames do seu Figma, geralmente no Elementor, e a deixa funcionando no celular. Serve para o lançamento de um produto ou uma campanha de anúncios. Confira se formulário, fontes e animações estão incluídos.

R$ 1.600-3.210: um site pequeno

De três a cinco páginas com cabeçalho, rodapé e menu compartilhados. Cores e fontes globais mantêm o mesmo visual nas páginas criadas depois. Normalmente quem insere o conteúdo é você, a menos que o anúncio do serviço diga outra coisa.

R$ 3.210-6.420: um site completo

De seis a dez páginas, mais templates para posts do blog e páginas de arquivo, para que os novos posts sigam o layout. Peça que o vendedor insira seu conteúdo e conecte os formulários à caixa de entrada certa.

R$ 8.020 ou mais: um tema sob medida ou conteúdo dinâmico

Aqui o desenvolvedor programa um tema do zero ou cria tipos de conteúdo que você preenche pelo painel, como membros da equipe, projetos ou anúncios de imóveis. Custa mais, mas o site carrega só o código de que o layout precisa. A estrutura pode ficar bloqueada para que os editores alterem apenas o conteúdo. Uma loja desenhada no Figma também entra nessa faixa; se houver problemas no checkout depois, veja como contratar um desenvolvedor WooCommerce.

O que costuma ficar de fora dos pacotes mais baratos

O pacote Basic cobre o menor escopo oferecido pelo vendedor e muitas vezes não inclui:

• um layout para tablet, ou um layout para celular que você não desenhou
• estados de hover, menus e mensagens de erro dos formulários
• texto editável, em vez de texto embutido em imagens
• licenças de plugins no seu nome
• a inserção do seu conteúdo real
• uma verificação básica de velocidade depois que o site fica pronto

O que encarece a conversão de Figma para WordPress

O número de layouts únicos pesa mais que o número de páginas.

• Templates únicos Páginas que reaproveitam o mesmo layout custam bem menos que páginas com layouts diferentes.
• Sem frames para celular Se o layout só mostra a versão para computador, o vendedor precisa criar a versão para celular durante o desenvolvimento.
• Arquivo do Figma bagunçado Espaçamentos inconsistentes e camadas sem auto layout ou estilos compartilhados tornam o arquivo mais demorado de entender.
• Animações Efeitos de rolagem, sliders e interações personalizadas costumam ser cobrados à parte.
• Conteúdo dinâmico Um portfólio, uma página de equipe ou anúncios que você preenche pelo painel precisam de templates próprios, muitas vezes com campos personalizados.
• Loja ou vários idiomas Páginas do WooCommerce e versões traduzidas exigem templates e testes próprios.

Conte seus layouts únicos antes de pedir orçamentos.

Elementor, editor de blocos ou tema sob medida?

O modo de desenvolver o site afeta o preço e a forma como você vai editá-lo depois.

A maioria dos serviços de criação de sites no Fiverr usa Elementor. No momento em que escrevo, o Elementor Pro custa a partir de cerca de US$ 60 por ano para um site. Com a licença na sua própria conta do Elementor, você continua recebendo atualizações mesmo depois que o vendedor passa para outros projetos.

Se você pretende expandir o site, pergunte sobre um tema de bloco ou um tema sob medida. Se a ideia é principalmente mudar textos e imagens, um construtor de páginas é o caminho mais fácil. Veja os construtores de páginas que recomendo.

O que você pode fazer sozinho

A parte mais barata da conversão é aquela que você mesmo faz antes de contratar o serviço.

1. Desenhe a versão para celular. Adicione um frame de celular para cada layout único. Os vendedores cobram menos quando não precisam adivinhar.
2. Organize o arquivo do Figma. Use auto layout, dê nome às páginas e defina estilos compartilhados de cor e texto.
3. Confira as fontes. As Google Fonts são gratuitas para sites. Uma fonte paga precisa de licença para web, e quem compra é você, não o vendedor.
4. Marque o que você vai editar. Anote quais textos, imagens e seções você quer mudar sozinho depois.

Também existem plugins que transformam um frame do Figma em seções do Elementor. Para uma landing page simples eles podem poupar tempo, mas o resultado geralmente precisa de ajustes no celular e no espaçamento.

Se o seu projeto tem mais que alguns layouts únicos, conteúdo dinâmico ou uma loja, pare aqui e contrate com um escopo claro.

Vale a pena pagar pela conversão de Figma para WordPress?

Se você já pagou por um design personalizado, sim. O desenvolvimento costuma custar menos que o próprio design, e uma boa conversão mantém o visual pelo qual você pagou em qualquer tamanho de tela.

Se você ainda não tem um layout, um tema pronto ou um template inicial pode custar menos de US$ 100. Um desenvolvedor pode ajustá-lo à sua marca. Um design próprio no Figma faz sentido para uma estrutura fora do comum ou quando um tema pronto vive atrapalhando.

Projetos que pedem um orçamento maior incluem um tema sob medida com tipos de conteúdo, uma loja ou um site que várias pessoas vão editar por anos.

Como conseguir um orçamento honesto

Mande estes detalhes na primeira mensagem:

• Link do Figma Compartilhe com acesso de visualização. Uma conta gratuita do Figma basta para o vendedor medir e exportar imagens.
• Layouts únicos Liste cada um e diga quais páginas reaproveitam cada layout.
• Tamanhos de tela Diga se desktop, tablet e celular estão todos desenhados.
• Forma de desenvolver o site Diga se você quer Elementor, editor de blocos ou tema sob medida, ou pergunte o que o vendedor sugere e por quê.
• Conteúdo Diga quem insere textos e imagens e quantos posts ou produtos precisam ser adicionados.
• Formulários e recursos Informe para qual caixa de entrada cada formulário deve enviar as mensagens e liste os recursos de agendamento, newsletter ou loja necessários.
• Hospedagem Diga onde o site vai ficar e se existe uma cópia de staging.

Peça um preço fixo por layout ou pela lista inteira. Combine o que significa “igual ao layout”: as mesmas fontes, cores e espaçamentos nos tamanhos de tela que você desenhou.

Sinais de alerta no preço

• um orçamento enviado sem abrir o seu arquivo do Figma
• dez páginas únicas, “pixel perfect”, em um dia
• o Elementor Pro ou um plugin pago oferecido “grátis”, sem uma chave de licença
• uma oferta para construir o site numa hospedagem que é do vendedor
• um pedido para pagar fora do Fiverr

Como contratar com segurança

Eu recomendo o Fiverr Pro para converter Figma para WordPress. O Fiverr avalia manualmente a experiência, o portfólio e o histórico de atendimento dos freelancers Pro antes de conceder o selo Pro. Eu mesmo trabalho no Fiverr, então sei como funcionam os pedidos, os pagamentos e as avaliações. Para um projeto maior, pergunte se o serviço pode ser dividido em etapas, para você pagar página por página.

Mantenha a hospedagem, o domínio e todas as licenças no seu nome.

Dê ao vendedor um usuário separado no WordPress e um usuário SFTP separado, se ele precisar mexer em arquivos. Se o site já estiver no ar, faça antes seu próprio backup e peça que ele trabalhe numa cópia de staging.

O Fiverr dá três dias para você revisar uma entrega, e um pouco mais para cada etapa. Compare cada página com o frame correspondente do Figma no computador e no celular. Mude um título você mesmo, teste todos os formulários e passe a página inicial pelo PageSpeed Insights do Google. Peça alterações pelo Fiverr antes de aceitar, depois apague os usuários do vendedor e troque todas as senhas que você compartilhou.

Resumo

O preço de converter Figma para WordPress depende de quantos layouts únicos você tem, de a versão para celular estar desenhada ou não e de como o site é desenvolvido. Um desenvolvimento barato que deixa de fora os layouts para celular ou as licenças no seu nome muitas vezes custa mais para corrigir depois. Prepare o arquivo, conte os layouts e comece com uma página para ver como o vendedor trabalha.