Vou transformar seu Figma em um frontend de react ou nextjs


Sobre este Serviço
Tradução automática
Você tem um arquivo Figma e precisa que ele vire um código responsivo e real. Eu transformo os designs fornecidos em interfaces React e Next.js que funcionam bem em desktop e mobile.
Mais de 5 anos de experiência em engenharia de software. Meu trabalho inclui interfaces de marketplace na ShipNest, dashboards de saúde na VitalsVault e telas de CRM na Maleyat. Escrevo em TypeScript, usando Tailwind CSS ou Material UI.
O que você recebe: layout que corresponde aos seus quadros do Figma, incluindo espaçamento, tipografia, cores e pontos de quebra. Componentes reutilizáveis ao invés de código copiado e colado. Comportamento responsivo até o mobile. Formulários com estados de carregando, vazio e erro. Código fonte limpo que você pode expandir.
O pacote básico inclui uma página com até cinco seções. O padrão cobre três páginas com componentes compartilhados. O premium inclui até cinco páginas conectadas à sua API existente. Sites maiores, integração com CMS e páginas com muitas animações recebem uma proposta personalizada.
Você fornece o arquivo Figma e quaisquer fontes ou assets que tenha direito de usar. Criação de design, trabalho de backend e ferramentas pagas não estão incluídos.
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 Haris Javed
Software Engineer for Web and Mobile Apps
- A partir dePaquistão
- Membro desdeabr. de 2020
- Responde em aprox.:1 hora
- Última entrega4 anos
Idiomas
Inglês
Tradução automática
Meu portfólio
Perguntas frequentes
Tradução automática
Preciso de designs e um backend?
Sim, envie seu design no Figma ou uma referência visual acordada. Integrações de API usam seu backend documentado existente. Novos designs, serviços de backend e páginas extras precisam de um escopo separado.
Quão próximo do meu design será o resultado?
Eu ajusto espaçamento, tipo, cor e seus breakpoints. Quando o design não define o comportamento para um tamanho de tela, sigo o quadro mais próximo e aviso você, ao invés de adivinhar silenciosamente.
React ou Next.js, qual devo escolher?
Next.js se você quer roteamento, SEO e renderização no servidor já prontos. React simples se isso vai entrar em um app que você já tem. Me diga sua stack e eu vou ajustá-la.
Você consegue conectar as páginas à minha API?
Sim. Se a API já existe e está documentada, conectar as páginas que entrego está incluso no pacote Standard e Premium. Se a API ainda precisa ser criada, eu faço isso também, então peça uma oferta combinada.
Meu Figma não está finalizado. Devo esperar?
Envie mesmo assim. Eu te direi quais quadros estão prontos para construir e quais precisam de decisões suas primeiro. Designs incompletos são a principal causa de loops de revisão, então vale a pena resolver antes que o tempo comece.
Tailwind ou Material UI?
Qualquer um. Se seu projeto já usa um deles, eu ajusto. Se você não tem preferência, eu uso Tailwind.

