> Markdown version of [/jobs/ext/1682285-react-frontend-developer-focus-ui-design-to-code](https://www.wearedevelopers.com/jobs/ext/1682285-react-frontend-developer-focus-ui-design-to-code). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # React Frontend Developer (Focus Ui/Design To Code) - **Company:** Gana Energía - **Location:** Valencia, Spain (Remote available) - **Contract:** Permanent contract - **Skills:** Web Accessibility, Performance Tuning, Next.js, TypeScript, Web Content Accessibility Guidelines, Tailwind, ReactJS, Backend, Figma, React Native, Front End Software Development, Restful APIs - **Published:** July 23, 2026 - **Apply:** https://www.buscojobs.com.es/react-frontend-developer-focus-ui-design-to-code-en-valencia-ID-364471151 ## About the Role 2-3 años de experiencia en desarrollo frontend con React. Experiencia en diseño responsive. Manejo de gestión de estados en React. Experiencia consumiendo RESTful APIs. Dominio de Figma: experiencia fluida con Figma para extraer estilos, assets y especificaciones. Sólidos conocimientos de UX/UI: comprensión de flujos, interacciones, estados de error, pantallas vacías y diseño responsive. Cuidado por el detalle: habilidad para trasladar el diseño a código sin perder consistencia en el camino, cuidando al milímetro espaciados, tipografías, retículas, etc., Experiencia con Tailwind CSS. Experiencia o familiaridad con Storybook para desarrollo de componentes. Conocimientos de accesibilidad web (WCAG) y optimización de rendimiento web. Conocimientos en React Native. ## Description EnGana Energíallevamos desde **** demostrando que otra forma de hacer energía es posible: sin letra pequeña, con precios justos y poniendo a las personas primero.Experiencia, cualificaciones y habilidades interpersonales, ¿tiene todo lo necesario para triunfar en esta oportunidad?Descúbralo a continuación.Hoy ya somos más de ******* clientes y seguimos creciendo.Desde Valencia creamos tecnología y experiencias que hacen ahorrar energía... sin complicar la vida.Si te mueve crear productos con impacto real y que tu trabajo llegue a miles de personas, bienvenido al cambio.Sobre el puestoBuscamos un perfil híbrido que sea el puente entre Diseño y Desarrollo.Tu misión principal será traducir fielmente interfaces y flujos de Figma a código real, cuidando cada detalle visual y de experiencia de usuario.Trabajarás en estrecha colaboración con diseño y backend, comunicándote de forma fluida con otros departamentos a lo largo del desarrollo de cada proyecto.¿Qué esperamos de ti?2-3 años de experiencia en desarrollo frontend con React.Experiencia en diseño responsive.Manejo de gestión de estados en React.Experiencia consumiendo RESTful APIs.Dominio de Figma: experiencia fluida con Figma para extraer estilos, assets y especificaciones.Sólidos conocimientos de UX/UI: comprensión de flujos, interacciones, estados de error, pantallas vacías y diseño responsive.Cuidado por el detalle: habilidad para trasladar el diseño a código sin perder consistencia en el camino, cuidando al milímetro espaciados, tipografías, retículas, etc.Qué harás en tu día a díaDesarrollar interfaces frontend en React, TypeScript y Next.js.Construir componentes reutilizables, escalables y mantenibles.Participar en las decisiones de arquitectura frontend.Optimizar rendimiento y tiempos de carga.Colaborar estrechamente con equipos de diseño y backend.Implementar flujos de UI, formularios avanzados, validaciones, grids, dashboards y vistas interactivas.Se valoraráExperiencia con Tailwind CSS.Experiencia o familiaridad con Storybook para desarrollo de componentes.Conocimientos de accesibilidad web (WCAG) y optimización de rendimiento web.Conocimientos en React Native.Contrato indefinido y jornada completa.Modelo híbrido de trabajo en Valencia, con teletrabajo los viernes y posibilidad de ampliar días.Oportunidad de crecer en un sector en plena transformación.xcskxljFormar parte de un equipo dinámico en una empresa en constante crecimiento.#J-*****-Ljbffr ## Related Videos - [Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS](https://www.wearedevelopers.com/videos/282-watch-tests-go-brrrr-getting-started-with-cypress-in-reactjs) - [GraphQL + Apollo + Next.js: A Lovely Trio](https://www.wearedevelopers.com/videos/311-graphql-apollo-next-js-a-lovely-trio) - [Boost Productivity with AI: Figma & Playwright MCP Workflows - Aris Markogiannakis](https://www.wearedevelopers.com/videos/1768-boost-productivity-with-ai-figma-playwright-mcp-workflows-aris-markogiannakis) - [The Pragmatic Architect: Balancing Necessity vs. Sufficiency in React Systems](https://www.wearedevelopers.com/videos/2101-the-pragmatic-architect-balancing-necessity-vs-sufficiency-in-react-systems) - [Building Interactive Async UI with React 19 and Ariakit](https://www.wearedevelopers.com/videos/1589-building-interactive-async-ui-with-react-19-and-ariakit) - [From Zero to Hero: NextJS 13 and Tailwind CSS for Beginners](https://www.wearedevelopers.com/videos/766-from-zero-to-hero-nextjs-13-and-tailwind-css-for-beginners) ## Related Articles - [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025) - [The Best 7 Frontend Frameworks for Developers in 2025](https://www.wearedevelopers.com/magazine/400-the-best-7-frontend-frameworks-for-developers-in-2025) - [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front) - [React Developer Salary [2023]](https://www.wearedevelopers.com/magazine/198-react-developer-salary-2023) - [25 Essential Tools for Front End Developers](https://www.wearedevelopers.com/magazine/210-25-essential-tools-for-front-end-developers) - [Top 5 React Form Libraries for Developers](https://www.wearedevelopers.com/magazine/399-top-5-react-form-libraries-for-developers)