> Markdown version of [/jobs/ext/2886892-frontend-developer-typescript-stencil-js-design-systems](https://www.wearedevelopers.com/jobs/ext/2886892-frontend-developer-typescript-stencil-js-design-systems). 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).

---

# Frontend Developer (Typescript, Stencil.Js & Design Systems)

- **Company:** Pasiona
- **Location:** Vitoria-Gasteiz, Spain
- **Contract:** Permanent contract
- **Skills:** Agile Methodology, Component-Based Software Engineering, JIRA, Automation of Tests, Software Quality, Code Review, Scrum Methodology, Responsive Web Design, TypeScript, Figma, Front End Software Development
- **Published:** September 13, 2026
- **Apply:** https://www.buscojobs.com.es/frontend-developer-typescript-stencil-js-design-systems-en-vitoria-ID-371129504

## About the Role

Proficiency withStorybookfor component development and documentation.
Experience collaborating with designers usingFigma.
Solid understanding of responsive design principles and accessibility standards.
Experience withGitand modern development workflows.
Professional level of English (written and spoken).
Ability to work effectively in a collaborative and international environment.
Experience withReact.jsand/orSvelte.
Knowledge ofNode.jsenvironments and tooling.
Experience withPlaywrightor other automated testing frameworks.
Experience contributing to frontend architecture and component strategy.
Idiomas
English is a must
Hybrid in Barcelona
#J-*****-Ljbffr

## Description

Frontend Developer (TypeScript, Stencil.js & Design Systems)We are looking for a Frontend Developer to join a team responsible for building and evolving a scalable Design System used across multiple digital products.You will contribute to the development of reusable, accessible, and high-quality web components that enable teams to deliver consistent user experiences efficiently.This position is ideal for someone who enjoys working closely with designers and developers, has a passion for frontend technologies, and thrives in collaborative and Agile environments.Key Resposabilities:Develop and maintain reusable, responsive, and accessible web components.Contribute to the evolution and adoption of a Design System across multiple digital products.Collaborate closely with designers, developers, and product teams to translate Figma designs into high-quality implementations.Create and maintain component documentation, usage guidelines, and best practices using Storybook.Ensure code quality, reliability, and maintainability through testing and code reviews.Develop and execute unit and end-to-end tests.Participate actively in Agile ceremonies, including sprint planning, reviews, and retrospectives.Manage tasks and workflows using Jira.Promote consistency, scalability, and accessibility across frontend applications.Hands-on experience withStencil.jsandWeb Componentsdevelopment.Experience building or maintainingDesign SystemsorComponent Libraries.Proficiency withStorybookfor component development and documentation.Experience collaborating with designers usingFigma.Solid understanding of responsive design principles and accessibility standards.Experience withGitand modern development workflows.Professional level of English (written and spoken).Ability to work effectively in a collaborative and international environment.Experience withReact.jsand/orSvelte.Knowledge ofNode.jsenvironments and tooling.Experience withPlaywrightor other automated testing frameworks.Experience contributing to frontend architecture and component strategy.IdiomasEnglish is a mustHybrid in Barcelona#J-*****-Ljbffr


## Related Videos

- [Bridging the Gap](https://www.wearedevelopers.com/videos/794-bridging-the-gap)
- [Improving quality with Agentic AI with Rovo Dev and Xray](https://www.wearedevelopers.com/videos/2005-improving-quality-with-agentic-ai-with-rovo-dev-and-xray)
- [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)
- [Do TypeScript without TypeScript](https://www.wearedevelopers.com/videos/327-do-typescript-without-typescript)
- [Vuejs and TypeScript- Working Together like Peanut Butter and Jelly](https://www.wearedevelopers.com/videos/127-vuejs-and-typescript-working-together-like-peanut-butter-and-jelly)
- [Fireside Chat with Kris Rasmussen, CTO at Figma](https://www.wearedevelopers.com/videos/982-fireside-chat-with-kris-rasmussen-cto-at-figma)

## Related Articles

- [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)
- [25 Essential Tools for Front End Developers](https://www.wearedevelopers.com/magazine/210-25-essential-tools-for-front-end-developers)
- [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)
- [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers)