Frontend Developer & Designer

Role overview

Responsibilities

• Deliver interaction and visual design, prototyping, design QA, and handoff.
• Extend existing design work consistently by understanding established patterns, intent, and constraints.
• Produce design artifacts at the pace and fidelity needed by an AI-augmented development team.
• Use AI-assisted tools to move ideas into clickable prototypes and increasingly into merged UI.
• Contribute component-level UI and design-system work in React and TypeScript as development skills grow.
• Help make design-system patterns explicit and usable by developers and AI tooling.
• Refine acceptance criteria with product management, validate user needs, and preserve design intent in shipped products.
• Collaborate, communicate risks and trade-offs, and maintain disciplined version control, file hygiene, and process documentation.
• Stay current with design tools, AI-assisted design, and frontend UI practice.

Required experience and qualifications

• At least 8 years of professional design experience, including substantial recent work delivering shipped digital products.
• Portfolio demonstrating interaction design, information architecture, and visual craft.
• Strong Figma skills in component libraries, variables, auto-layout, and prototyping; equivalent Adobe XD experience is acceptable with ability to transition to Figma.
• Hands-on use of AI design and prototyping tools, with concrete examples of work shipped or accelerated using them.
• Demonstrable progress toward React and TypeScript frontend development, supported by code, working projects, or production UI contributions.
• Experience contributing to or maintaining a design system and understanding its needs for AI-tool legibility.
• Experience in Agile teams alongside engineering and product management.
• Strong written and verbal communication with stakeholders across roles and locations.
• Self-starting, organized, and able to work with minimal day-to-day supervision once direction is set.
• Bachelor’s degree in Computer Science or equivalent education, training, and work experience.

Preferred qualifications

• Production React and/or Angular UI contributions using TypeScript are preferred.
• Experience formalizing design tokens and component documentation for AI tools is preferred.
• Experience with AI-augmented development teams and adapting design delivery cadence is preferred.
• Appreciation for the contributions of subject matter experts, engineers, and product managers is preferred.

Office location and hours

• Office location is Riyadh.
• Working hours are Sunday to Thursday, 8:00 AM to 5:00 PM.

Benefits and development

• Hatch describes a flexible work environment and long-term career development.
• The employer highlights collaboration on innovative projects and opportunities to make a difference.

Application deadline

• Application deadline is 30 November 2026.