Convertiré tu Figma en un frontend de react o nextjs


Acerca de este Servicio
Traducción automática
Tienes un archivo de Figma y necesitas convertirlo en código real, responsivo. Transformo los diseños proporcionados en interfaces de React y Next.js que funcionan bien en escritorio y móvil.
Más de 5 años de experiencia en ingeniería de software. Mi trabajo incluye interfaces de marketplace en ShipNest, paneles de control de salud en VitalsVault y pantallas de CRM en Maleyat. Escribo en TypeScript, usando Tailwind CSS o Material UI.
Lo que obtienes: un diseño que coincide con tus marcos de Figma hasta en el espaciado, tipo, color y puntos de quiebre. Componentes reutilizables en lugar de código copypasteado. Comportamiento responsivo en todo momento, incluso en móvil. Formularios con estados de carga, vacío y error. Código fuente limpio en el que puedes basarte.
El paquete básico incluye una página con hasta cinco secciones. El estándar son tres páginas con componentes compartidos. El premium incluye hasta cinco páginas conectadas a tu API existente. Para sitios más grandes, integración con CMS y páginas con muchas animaciones, se ofrece una propuesta personalizada.
Proporcionas el archivo de Figma y las fuentes o assets con derechos de uso que tengas. La creación del diseño, trabajo en backend y herramientas de pago no están incluidos.
Respeta los derechos de terceros
Recuerda que incluir temas, plantillas o cualquier otro elemento que viole los derechos de terceros o las leyes aplicables en los trabajos entregados va en contra de las políticas de Fiverr. Puedes ver más información en Guía para la creación digital responsable.
Conoce a Haris Javed
Software Engineer for Web and Mobile Apps
- DePakistán
- Miembro desdeabr 2020
- Responde aprox. en:1 hora
- Última entrega4 años
Idiomas
Inglés
Traducción automática
Mi porfolio
FAQ
Traducción automática
¿Necesito diseños y un backend?
Sí, proporciona tu diseño en Figma o una referencia visual acordada. Las integraciones API usan tu backend documentado existente. Los nuevos diseños, servicios backend y páginas adicionales requieren un alcance separado.
¿Qué tan cercano será el resultado a mi diseño?
Ajusto el espaciado, el tipo, el color y tus puntos de quiebre. Cuando el diseño no define el comportamiento para un tamaño de pantalla, sigo el marco más cercano y te lo señalo en lugar de adivinar en silencio.
¿React o Next.js, cuál debería elegir?
Next.js si quieres enrutamiento, SEO y renderizado en el servidor desde el principio. React simple si esto va a integrarse en una app que ya tienes. Dime qué stack usas y lo adaptaré.
¿Puedes conectar las páginas a mi API?
Sí. Si la API ya existe y está documentada, conectar las páginas que entrego está incluido en Standard y Premium. Si la API aún necesita ser creada, también puedo hacerlo, así que pregúntame por una oferta combinada.
Mi Figma no está terminado. ¿Debería esperar?
Envíalo de todas formas. Te diré qué marcos están listos para construir y cuáles necesitan decisiones tuyas primero. Los diseños sin terminar son la principal causa de ciclos de revisión, así que vale la pena resolverlo antes de que comience el reloj.
¿Tailwind o Material UI?
Cualquiera. Si tu proyecto ya usa uno, lo adapto. Si no tienes preferencia, uso Tailwind.

