> Markdown version of [/jobs/ext/1432307-maquetador-a](https://www.wearedevelopers.com/jobs/ext/1432307-maquetador-a). 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).

---

# maquetador/a

- **Company:** Marfeel
- **Location:** Barcelona, Spain
- **Contract:** Permanent contract
- **Skills:** HTML, JavaScript (Programming Language), Web Accessibility, Bootstrap (Software), Cascading Style Sheets (CSS), Preprocessor, Tailwind, ReactJS, Git, Figma, Software Version Control
- **Published:** July 25, 2026
- **Apply:** https://www.jobleads.com/es/job/e36b3e85e8db2d8eca19ed41ca153898e

## About the Role

* Experiencia sólida con HTML y CSS (Flexbox, Grid, preprocesadores como Sass es un plus)
 * Buen ojo para el detalle y fidelidad pixel a pixel con el diseño
 * Conocimientos básicos de JavaScript
 * Experiencia trabajando a partir de diseños en Figma o herramientas similares
 * Nociones de accesibilidad web y buenas prácticas de rendimiento
 * Español nativo o bilingüe, buen nivel de inglés (intermedio), * Experiencia maquetando emails/newsletters (conocer las particularidades de los clientes de correo)
 * Familiaridad con frameworks CSS (Tailwind, Bootstrap)
 * Familiaridad con CSS-in-JS (styled-components)
 * Conocimientos de frameworks JS como React
 * Experiencia trabajando con sistemas de diseño (design systems)
 * Conocimientos de control de versiones (Git)

## Description

Buscamos un/a maquetador/a web para convertir diseños en páginas y componentes reales, con HTML y CSS limpios, responsive y accesibles. Trabajarás en el equipo de producto, dando vida a las páginas internas de la plataforma, a los templates de nuestros productos para nuestros clientes y a las landing pages de marketing ., * Maquetar páginas internas, templates para clientes y landing pages a partir de diseños en Figma

 * Escribir HTML y CSS semántico, mantenible y compatible con distintos navegadores y dispositivos
 * Asegurar que las maquetaciones sean responsive y accesibles
 * Añadir JavaScript ligero para interacciones sencillas (menús desplegables, sliders, animaciones básicas)
 * Colaborar con diseño y marketing para resolver dudas de implementación y proponer mejoras
 * Mantener consistencia visual y de código en distintos proyectos


## Related Videos

- [Level up your Angular CSS with Tailwind CSS](https://www.wearedevelopers.com/videos/366-level-up-your-angular-css-with-tailwind-css)
- [How a Small Team Shrank a Microsoft Monorepo by 94%](https://www.wearedevelopers.com/videos/1236-how-a-small-team-shrank-a-microsoft-monorepo-by-94)
- [The Resilience of the World Wide Web](https://www.wearedevelopers.com/videos/1281-the-resilience-of-the-world-wide-web)
- [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)
- [Bridging the Gap](https://www.wearedevelopers.com/videos/794-bridging-the-gap)
- [Fireside Chat with Kris Rasmussen, CTO at Figma](https://www.wearedevelopers.com/videos/982-fireside-chat-with-kris-rasmussen-cto-at-figma)

## Related Articles

- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [Top 7 CSS Frameworks in 2025](https://www.wearedevelopers.com/magazine/362-top-7-css-frameworks-in-2025)
- [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025)
- [10 Essential Figma Plugins for Frontend Developers in 2023](https://www.wearedevelopers.com/magazine/262-10-essential-figma-plugins-for-frontend-developers-in-2023)
- [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 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers)