Explorar las categorías
Explora
Fiverr Pro
Español
$
USD
Convertiré tu diseño de Figma en un sitio web responsive con React o Next.js
Joao P.
Acerca de este Servicio
Traducción automática
¿Tienes un diseño de Figma aprobado pero necesitas una interfaz web responsive y funcional? Convertiré los marcos acordados en código fuente limpio que preserve la jerarquía visual y funcione en todos los dispositivos.
Los paquetes pueden incluir páginas responsive, componentes reutilizables, navegación, interacciones específicas y estados de formulario, conceptos básicos de accesibilidad, metadatos, verificaciones en navegador y una vista previa para despliegue.
Selección de tecnología y stack: Mantengo la arquitectura existente cuando usa mis tecnologías soportadas. Para un proyecto nuevo, puedo recomendar HTML/CSS/JavaScript, React o Next.js según enrutamiento, SEO, interacciones, reutilización, integraciones, hosting y mantenimiento. Tailwind CSS puede usarse cuando sea apropiado. No prometo frameworks no soportados.
Este trabajo implementa un diseño aprobado. Rediseño UI/UX, redacción, trabajo en backend, API, movimientos complejos, assets pagos y lógica no definida son trabajos separados. La cantidad de páginas por sí sola no determina la complejidad.
Envía el enlace de Figma, marcos incluidos, estados responsive, assets, interacciones, stack existente y plazo antes de ordenar.
Conoce a Joao P.
Joao P.
Full Stack Developer, Django and Nextjs, Custom Web Systems
- DeBrasil
- Miembro desdejul 2026
- Responde aprox. en:13 horas
Idiomas
Portugués, Inglés
I'm a full-stack developer with 2+ years of experience building web apps, REST APIs, dashboards, and custom systems. I work with Python, Django, DRF, PostgreSQL, JWT, React, Next.js, Tailwind, Docker, Vercel, and Render. I handle projects end-to-end, from architecture and development to deployment. I also implement i18n for multilingual products. Expect clear communication, realistic deadlines, and staged deliveries.
Traducción automática
Mi porfolio
Otros servicios de Desarrollo de software que ofrezco
FAQ
Traducción automática
¿Qué tecnología usarás?
Para una aplicación soportada existente, normalmente mantengo su stack. Para una implementación nueva, recomiendo HTML/CSS/JavaScript, React o Next.js según enrutamiento, SEO, interacciones, reutilización de componentes, integraciones, hosting y mantenimiento.
¿Puedo elegir la tecnología?
Sí, cuando la elección es técnicamente adecuada y está dentro de mis tecnologías soportadas. Actualmente no promociono Vue, Angular, Svelte, Webflow, WordPress u otras plataformas no soportadas.
¿Qué pasa si no sé qué tecnología necesito?
Comparte el diseño, el propósito de la página, las interacciones esperadas, necesidades de SEO, hosting, mantenimiento futuro y planes de integración. Recomendaré la opción más sencilla y adecuada soportada y explicaré por qué.
¿Creas o rediseñas el archivo de Figma?
No. Este trabajo implementa un diseño aprobado y listo para desarrolladores. Decisiones nuevas de UX, wireframes, rediseño visual, redacción o estados de la aplicación que falten requieren un alcance separado.
¿Qué hace que un archivo de Figma esté listo para desarrolladores?
Copiar final, assets licenciados descargables, información de fuentes, marcos nombrados, diseños de escritorio/móvil o reglas claras de responsive, y notas para hover, focus, carga, error, vacío y estados abierto/cerrado donde sea relevante.
¿Qué pasa si faltan diseños para móvil o tablet?
Puedo inferir comportamientos sencillos para layouts simples. Decisiones importantes de layout, nuevos estados de componentes o trabajo de diseño de producto requieren revisión y pueden necesitar una oferta personalizada.
¿Incluyen backend, autenticación o conexiones API?
No se incluye backend. Una conexión de formulario o vista de datos puede cotizarse después de revisar el endpoint, autenticación, payload, estados de carga, error y vacío.
¿Qué cuenta como revisión?
Una revisión corrige la implementación respecto al Figma aprobado y el comportamiento responsive acordado. Nuevas secciones, cambios en el diseño, nuevo copy/layout, estados adicionales o nuevo movimiento se añaden al alcance.
