Design System Engineer

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 only way to carry out that mission is to hire the absolute best employees on earth. People like you.

Work hard, play hard. Always. Our relentless commitment to client success, our employee resource groups and our promise to empower our teams to reach their full potential are a few examples of what makes MRI Software special.

And we’re insanely dedicated to creating a work environment that you look forward to every single day. That’s why we invest heavily in our employee engagement, so you enjoy the tech industry’s best perks. Together with the whole Pride, (lion roar for "family") employees, customers, and partners, we’re on a mission to break new ground and lead the real estate industry into a digital-first future.

We understand the need to provide a flexible working environment partnered with team collaboration and socialisation. Therefore, we operate a hybrid working model with 3 days of working from home per week. This role is based in the Cape Town or Johannesburg O ffice.

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.

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.

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.

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.

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.

Experience with design system tools like Storybook, Zero height, Figma.

Knowledge of accessibility standards and best practices.

Experience with front‑end performance optimization techniques.

Understanding of Agile development methodologies.

We’re obsessed with making this the best job you’ve ever had!

We want our teams to love working here, so we’ve created some incredible perks for you to enjoy :

We want our staff to love working here, and so we’ve created a few unique perks such as office breakfasts, quarterly lunches and virtual social events.

Additionally, we value your input in your employee experience and have employee‑led groups such as our DEI committee, employee resource groups such as Women and Allies, and our Pride Event Group.

Have confidence in your health with our offered Medical Aid Scheme.

Invest in our competitive Personal Pension plan and help set you up for your future.

Big on family? So are we! Here at MRI Software we recognise that your family is important, and being able to spend quality time with your family as it grows is a wonderful experience. Therefore, the MRI Software Parental Leave benefit is designed to give you the opportunity to spend time with your new arrival(s).

Enjoy a fantastic work‑life balance with 25 days of annual leave plus Public Holidays, in…