Ver categorias
Explorar
Fiverr Pro
Português
$
USD
Vou converter design do Figma em um site em react e Tailwind CSS perfeito em pixels
Hassam
Sobre este Serviço
Tradução automática
Você tem um design no Figma que precisa virar um site real, funcionando, e pixel-perfect?
Sou especialista em transformar designs do Figma em código React + Tailwind CSS limpo, pronto para produção. Cada espaçamento, fonte e cor exatamente como seu designer planejou.
Com mais de 3 anos de experiência em desenvolvimento pixel-perfect e React na DevBunch Private Limited, já converti mais de 20 designs em aplicativos web responsivos e ao vivo.
O QUE EU ENTREGUE
Correspondência pixel a pixel com seu arquivo Figma
Componentes funcionais React limpos com Hooks
Estilização com Tailwind CSS
Totalmente responsivo para mobile, tablet e desktop
Compatível com vários navegadores
Arquitetura de componentes reutilizáveis
Integração com API (Standard & Premium)
Deploy na Vercel (Premium)
EU TRABALHO COM
React.js · Tailwind CSS · Bootstrap · JavaScript ES6+ · Hooks · Context API · Axios · Figma · Vercel
COM QUEM EU TRABALHO
Designers, fundadores de startups, agências e desenvolvedores que precisam que seu design no Figma seja codificado perfeitamente.
Envie o link do seu Figma antes de fazer o pedido, assim posso confirmar o pacote certo e o prazo. Respondo em até 12 horas.
Vamos criar algo que fique exatamente igual ao seu design.
Respeite os direitos de terceiros
Esteja atento ao fato que é contra as políticas do prestador da Fiverr incluir temas, modelos ou outros elementos no trabalho entregue que infrinjam os direitos de terceiros ou leis aplicáveis. Leia mais em nosso Guia de Criação Digital Responsável.
Conheça mais sobre Hassam
Hassam
Front End Developer React Js
- A partir dePaquistão
- Membro desdemai. de 2023
- Responde em aprox.:1 hora
Idiomas
Urdu, Inglês
I am a detail-oriented Front-End Developer with 3+ years of experience building pixel-perfect, responsive web interfaces. I specialize in converting Figma mockups into clean HTML5/CSS3 code and have expanded my expertise into React.js, Hooks, and RESTful API integration to deliver dynamic applications.
Tradução automática
Meu portfólio
Perguntas frequentes
Tradução automática
Você precisa do meu arquivo Figma ou apenas de capturas de tela?
Um link compartilhado do Figma (com acesso de visualização) é ideal — ele fornece espaçamento, fontes e cores exatas. Se você só tiver capturas de tela ou um PDF, ainda posso trabalhar com isso.
Você vai incluir o backend ou banco de dados?
Este serviço cobre apenas a interface React front-end. Posso integrar com sua API de backend existente (pontos finais REST) nos pacotes Standard e Premium. Desenvolvimento completo de backend é um serviço separado — envie uma mensagem para um orçamento personalizado.
Você consegue combinar as cores e fontes exatas da minha marca?
Sim — configuro o tema do Tailwind para combinar exatamente com sua paleta de cores e fonte do seu arquivo Figma. Tudo, desde cores até escalas de espaçamento, será ajustado aos seus tokens de design.
E se minhas telas tiverem mais do que o pacote cobre?
Você pode adicionar telas extras usando o add-on "Extra page / screen" (R$ 125 cada), ou fazer upgrade para um pacote superior. Envie uma mensagem primeiro e eu te digo exatamente o que cabe.
O site vai funcionar em mobile e em todos os navegadores?
Cada entrega é totalmente responsiva (mobile, tablet, desktop) e testada nos navegadores Chrome, Firefox, Safari e Edge. Compatibilidade entre navegadores é garantida — não é um extra.
Como recebo o código?
Entrego um arquivo zip limpo com seu código fonte, além de um README explicando a estrutura do projeto. Pedidos Premium também incluem deploy na Vercel com URL ao vivo.
Posso ver seu trabalho antes de pedir?
Sim — meus projetos ao vivo estão linkados na descrição do serviço. Você pode visitar rabta-nine.vercel.app, ev-store-flax.vercel.app, e outros para ver a qualidade do meu trabalho diretamente.
E se eu não estiver feliz com o resultado?
Incluo revisões em todos os pacotes e trabalho até você ficar satisfeito. Se houver alguma divergência com seu arquivo original do Figma, eu corrijo sem custo extra — a entrega precisa corresponder ao design.
Você consegue adicionar animações do meu protótipo do Figma?
Sim — se seu arquivo Figma incluir animações de protótipo ou se você tiver requisitos específicos de animação, adicione o extra "Animações e transições" (R$ 150) ao fazer o pedido.
