Design System Engineer

MRI Software; Johannesburg; Hybrid; ZAR 200 000 - 300 000; Full time

Job summary

A leading real estate software firm is seeking a Front-End Developer in Johannesburg to develop a robust design system and optimize web performance. The ideal candidate has strong skills in HTML, CSS, JavaScript, and modern frameworks like Angular and React. This role offers a collaborative environment with flexible working conditions and competitive benefits, including a medical aid scheme and 25 days of annual leave.

Benefits

Office breakfasts

Quarterly lunches

Medical aid scheme

25 days of annual leave

Tuition reimbursement

Qualifications

• Proficiency in modern front-end frameworks such as Angular and React.
• Strong understanding of web accessibility standards and best practices.
• Experience with front-end performance optimization techniques.

Responsibilities

• Develop and maintain a robust design system with reusable components.
• Write clean, structured HTML, CSS, and JavaScript code.
• Collaborate closely with designers and developers to align all aspects.
• Stay updated on trends and best practices in front-end development.

Skills

HTML

CSS

JavaScript

Angular

React

Figma

Problem-solving

Communication

Collaboration

Education

Bachelor’s degree in Computer Science, Design, or related field

Tools

Figma

Version control systems

Design system tools (e.g., Storybook)

Job description

Overview

From the day we opened our doors in 1971, MRI Software has built flexible, game-changing real estate software solutions to improve people’s lives. The company is committed to hiring the absolute best employees and fostering a work environment that supports client success, employee engagement, and growth. The role follows a hybrid model with 3 days of work from home per week and is based in the Cape Town or Johannesburg office.

We’re dedicated to creating a work environment you look forward to every day and to leading the real estate industry into a digital-first future.

Responsibilities

• Design System Development: Develop and maintain a robust design system that includes reusable components, patterns, and guidelines. Collaborate with design and development teams to ensure consistent implementation of design system elements across projects. Document design system components and usage guidelines for internal teams.
• Front-End Development: Write clean, well-structured HTML, CSS, and JavaScript code to implement design mockups and wireframes. Ensure cross-browser compatibility and responsiveness of web interfaces. Optimize front-end code for performance and scalability.
• Collaboration and Communication: Collaborate closely with designers, UX researchers, and other developers to align design and technical requirements. Communicate effectively with cross-functional teams to ensure a shared understanding of project goals and timelines. Provide feedback and contribute to design and development discussions.
• Continuous Learning and Improvement: Stay updated on the latest trends, tools, and best practices in front-end development, UX design, and design systems. Proactively identify opportunities to improve existing processes and workflows. Share knowledge and insights with team members to foster a culture of learning and growth.

Qualifications

• Bachelor’s degree in Computer Science, Design, or a related field (or equivalent experience).
• Proficiency in HTML, CSS, and JavaScript, with a strong understanding of modern front-end frameworks such as Angular and React.
• Experience working with design tools such as Figma.
• Familiarity with version control systems.
• Strong problem-solving skills and attention to detail.
• Excellent communication and collaboration skills.
• Additional Preferred Skills: Experience with design system tools like Storybook, Zeroheight, Figma. Knowledge of accessibility standards and best practices. Experience with front-end performance optimization techniques. Understanding of Agile development methodologies.

Perks and Benefits

• Office breakfasts, quarterly lunches, and virtual social events to support team engagement.
• Employee-led groups such as DEI committees and resource groups for Women and Allies, Pride, and other communities.
• Medical aid scheme, competitive personal pension plan, and parental leave benefits.
• 25 days of annual leave plus public holidays, plus 16 hours of Flex Time Off.
• Tuition reimbursement schemes and flexibility to work from anywhere in the world for two weeks per year.

We continue to strive to be a global industry leader in real estate software. Diversity, Equality and Inclusion are values central to MRI Software’s success; MRI is committed to being an inclusive employer for all employees, customers, and clients.