You are opening our English language website. You can keep reading or switch to other languages.

Design and Front-End Engineer

  • Bengaluru
Medium team (10-20 people)

If you received this vacancy from our recruiters — read our Privacy Notice.

Project overview

The project focuses on building and evolving a shared design system that supports complex travel related user journeys, including search, booking, itineraries, and pricing. The system serves multiple SaaS products and enables consistent, accessible, and localised experiences at scale.

Team

You will work within a cross functional product environment alongside product designers, front end engineers, accessibility specialists, and localisation partners. Collaboration is hands on and iterative, with close alignment between design and engineering to ensure smooth adoption of the design system across product teams.

Position overview

We are looking for a Design and Front End Engineer who works fluently across design and code and takes ownership of a scalable design system used across a SaaS product suite. In this role, you will lead the full lifecycle of the design system, from Figma foundations to production ready React components, with a strong focus on accessibility, internationalisation, and long term maintainability.

Technology stack

React, TypeScript, Figma, Storybook, CSS-in-JS, CSS Modules, Design Tokens, Style Dictionary, WCAG 2.1, ARIA, i18next, React Intl, Axe, Lighthouse, GitHub Actions, Chromatic, CI/CD pipelines

Responsibilities

  • Evaluate and adopt an off the shelf design system as a foundation and extend it into a brand aligned system with clear visual and structural differentiation.
  • Architect and maintain the design system in Figma using components, variants, tokens, styles, and auto layout.
  • Build and manage reusable Figma libraries with clear organisation, versioning, and governance.
  • Define and maintain design token structures for typography, colour, spacing, and motion and keep them aligned between Figma and code.
  • Extend and customise an existing React based component library to support brand and travel specific product needs.
  • Develop clean, performant, and well tested React and TypeScript components with clear APIs and Storybook documentation.
  • Create and maintain a living documentation portal covering both UI primitives and travel domain patterns such as search flows, booking steps, and pricing modules.
  • Collaborate with engineers to integrate design system components into product codebases effectively.
  • Ensure all components meet WCAG 2.1 AA standards and support inclusive user experiences.
  • Implement correct ARIA roles, keyboard navigation, focus management, and screen reader semantics.
  • Conduct accessibility audits using automated tools and manual testing and share findings with product teams.
  • Design and build components with internationalisation in mind, including RTL support, flexible layouts, and locale aware formatting.
  • Implement internationalisation using established frameworks and manage translation key structures.
  • Partner with localisation teams to validate components across languages and scripts.

Requirements

  • Professional experience working with Figma at an advanced level, including components, variants, auto layout, and tokens.
  • Experience designing, adapting, and extending design systems beyond basic theming into fully custom, brand aligned systems.
  • Strong proficiency in React, TypeScript, and modern front end development practices.
  • Experience working with design token architectures and synchronising tokens between design and code.
  • Practical knowledge of WCAG 2.1 AA standards, ARIA authoring practices, and assistive technology testing.
  • Hands on experience building internationalised user interfaces, including RTL layouts and locale aware formatting.
  • Experience documenting and communicating system decisions to cross functional teams.
  • Strong attention to detail in both design assets and front end implementation.

Nice to have

  • Experience defining design system governance models, contribution workflows, and deprecation strategies.
  • Familiarity with CI CD pipelines for publishing component libraries and visual regression testing.
  • Experience with motion design or animation using tools such as Framer Motion or CSS transitions.
  • Exposure to additional front end frameworks or cross platform environments such as Vue, Angular, or React Native.

Looking for Similar Opportunities?

Try AI chatbots with our ready-made prompt to discover similar roles that match your skills and interests.
Image

We offer

Image

Vacation

As per the laws of your country. We do ask you to take a proper rest

Image

Health insurance

We help you to take out an insurance policy for you and your loved ones

Image

Sick pay

10 days without a doctor's note, afterwards - as per the laws of your country

Image

Time off for state holidays

According to the official calendar, regardless of the client’s schedule

Image

Pleasant environment

Two large corporate parties and many small get-togethers for colleagues

Image

Comfort service

Solving technical and everyday problems at work

The benefits package may vary depending on the region and the type of contract

FAQ for Candidates

Work on global projects, grow your career in a supportive, flexible, and innovative tech environment. We help cover the cost of IT certifications and provide access to top-tier courses and learning platforms. View current openings and take the next step with us.

DataArt is a global software engineering company that helps businesses build powerful data, analytics, and AI solutions. We work with clients across a range of industries — including Finance, Healthcare & Life Sciences, Consumer Goods & Retail, Travel, Media & Entertainment, Mobility, and Manufacturing.

Learn more about what we do here.

DataArt supports flexible work formats to help you find the balance that works best for you. You can choose to work from the office, go hybrid, or stay fully remote—each option comes with equal opportunities for growth. We’ll help set you up with secure access and the equipment you need. With 46 remote and onsite official locations, you can join us from almost anywhere in the world.

Learn more about how we work here.

At DataArt, we put people first—fostering a culture built on trust, flexibility, and professional growth. We believe in open communication, mutual respect, and the freedom to choose how and where you work. Diversity, equity, and inclusion are core to our values, and we actively support a workplace where everyone can thrive. From mental health support to global sustainability efforts, we aim to create a healthy, empowering environment for all.

Read more about our culture and values.

There's no one-size-fits-all career path at DataArt—your growth is yours to shape. Whether you want to deepen your technical skills, move into management or sales, or even switch professions entirely, you'll have the support to do it. With exam fees fully covered, you can also earn professional certifications, like AWS, Azure, or Google Cloud. With tools like the Professional Development Map, the Talent Lab, and access to expert mentoring, we help you build your desired career.

Learn how we support both newcomers starting their careers and experienced professionals looking to grow further.

DataArt offers competitive compensation along with a range of thoughtful benefits that support your well-being, growth, and daily comfort. You’ll get flexible vacation and sick leave, mental health programs, and access to a corporate laptop or BYOD option. We also offer bonuses for referrals, parental leave, and smooth exit and return-to-work options.

Read more about how things work at DataArt.

At DataArt, we focus on creating an environment where people want to stay and grow. With 95% of employees recommending us to a friend on Glassdoor and a 100% CEO approval rating, we’re proud of the trust we’ve built. From mentoring programs and professional development services to support and conflict resolution programs, we invest in our colleagues' growth and wellbeing—because when people feel valued, they stick around.

Learn more about our company >here.

Our interview process is designed to be thorough, transparent, and supportive. It starts with a CV review, followed by an HR interview to discuss your background and goals. You'll then go through communication and technical assessments, where we evaluate your English skills and knowledge of relevant technologies. If all goes well, you’ll meet someone from the project team to learn more about the work, and we’ll guide you every step of the way—including helping you prep for any client interviews.

Read more and get tips for each stage here.

DataArt looks for candidates with strong technical skills, analytical thinking, and a commitment to continuous learning. We value experience in relevant technologies and industries, adaptability, and excellent communication skills. If you’re a junior or just starting out, don’t worry—our mentorship programs and training will support your growth from day one. The most important thing is your willingness to learn and develop professionally in our collaborative, people-first environment.

Read more about development in DataArt.

At DataArt, continuous learning is part of our culture. You’ll have access to expert mentors, leadership guidance, and thousands of courses from top platforms like Udemy and LinkedIn Learning. You can shape your own path—whether it’s growing within your role or switching to a new one.

Explore how we support your growth.