Front End Designer

Job Description

Job descriptions may display in multiple languages based on your language selection.

What We Offer

At Magna, you can expect an engaging and dynamic environment where you can help to develop industry-leading automotive technologies. We invest in our employees, providing them with the support and resources they need to succeed. As a member of our global team, you can expect exciting, varied responsibilities as well as a wide range of development prospects. Because we believe that your career path should be as unique as you are.

Group Summary

Transforming mobility. Making automotive technology that is smarter, cleaner, safer and lighter. That’s what we’re passionate about at Magna Powertrain, and we do it by creating world-class powertrain systems. We are a premier supplier for the global automotive industry with full capabilities in design, development, testing and manufacturing of complex powertrain systems. Our name stands for quality, environmental consciousness, and safety. Innovation is what drives us and we drive innovation. Dream big and create the future of mobility at Magna Powertrain.

Job Responsibilities

Job Introduction:

The engineer will be responsible for owning the end-to-end delivery of a cloud and web product. Own React-based UI development, collaborate closely with clients and cross-functional teams, mentor engineers, and ensure quality, performance, and maintainability across the stack (React, Nest/NodeJS, database design, Azure).

Major Responsibilities

• Own the product’s technical delivery and quality, with emphasis on frontend architecture and user experience.
• Own React/TypeScript development, define component patterns, and establish UI standards/design systems.
• Translate business requirements into technical solutions, roadmaps, and release plans.
• Break down work, create tasks and issues, estimate effort, and drive sprint planning and backlog grooming.
• Mentor and coach team members; conduct code reviews and uphold best practices.
• Collaborate with clients and internal stakeholders; manage expectations and communicate progress and risks.
• Integrate frontend with Nest/NodeJS services; guide API design, contracts, and versioning.
• Design and review database schemas and data flows; ensure performance, reliability, and security.
• Set up and maintain CI/CD pipelines; oversee deployments and environments in Azure.
• Monitor application health and performance; drive observability, incident response, and continuous improvement.
• Champion accessibility, security, testing, documentation, and maintainability throughout the development lifecycle.
  
  

Knowledge And Education

• Bachelor’s degree in Computer Science, Software Engineering, Electronics or related field; equivalent practical experience considered.
• Master’s degree or relevant certifications (e.g., Microsoft Azure) are an advantage.
  
  

Work Experience

• 6+ years of professional software development experience.
• Demonstrated experience owning product modules end-to-end and mentoring engineers in an Agile environment.
  
  

Skills And Competencies

• React and TypeScript expertise (hooks, state management such as Redux/Zustand, React Router, component library/design system).
• Strong JavaScript (ES6+), HTML5, CSS3, responsive design, and accessibility (WCAG) fundamentals.
• Frontend performance optimization (code splitting, caching, memoization, virtualization) and tooling (Vite/Webpack, ESLint, Prettier).
• Testing for frontend and backend (Jest, React Testing Library) integrated into CI/CD.
• Node.js/NestJS for REST/GraphQL APIs, authentication/authorization (OAuth2/OIDC, JWT), and robust error handling.
• Database design and SQL proficiency (Azure SQL/PostgreSQL/MySQL) plus familiarity with NoSQL (Cosmos DB/MongoDB); schema modeling, indexing, migrations; ORM experience (TypeORM/Prisma).
• Azure services and DevOps: App Service, Key Vault, Application Insights/Monitor; pipelines with GitHub Actions;
• Security best practices (OWASP Top 10, secure headers, XSS/CSRF prevention, secrets management).
• Agile delivery, task breakdown, estimation, issue creation/management (Github Projects), and strong stakeholder communication.
• Ownership and mentoring: setting coding standards, guiding architectural decisions, and fostering a culture of quality and ownership.
  
  

Awareness, Unity, Empowerment

At Magna, we believe that a diverse workforce is critical to our success. That’s why we are proud to be an equal opportunity employer. We hire on the basis of experience and qualifications, and in consideration of job requirements, regardless of, in particular, color, ancestry, religion, gender, origin, sexual orientation, age, citizenship, marital status, disability or gender identity. Magna takes the privacy of your personal information seriously. We discourage you from sending applications via email or traditional mail to comply with GDPR requirements and your local Data Privacy Law.

Notice Regarding The Use Of AI

As part of our commitment to a fair, consistent, and efficient recruitment process, we may use artificial intelligence (AI) tools to assist in the initial screening of applications submitted through our Workday system.

These tools help identify qualifications and experience that align with the role requirements. Please note that AI is used solely to support our recruiters. Final decisions are always made by the hiring manager and the hiring team.

Importantly, no applicant data is shared externally through these AI tools. All information remains securely within our systems and is handled in accordance with our privacy and data protection policies.

If you have any questions or concerns about this process, feel free to contact our Talent Attraction team.

Worker Type

Regular / Permanent

Group

Magna Powertrain