Senior UI/UX Designer (Design Systems)

📍 Job Overview

Job Title: Senior UI/UX Designer (Design Systems)

Company: Mirai Arabian International Company Limited

Location: Riyadh, Riyadh Province, Saudi Arabia

Job Type: Full-Time

Category: Product Design / Design Systems

Date Posted: 2026-08-17

Experience Level: 8+ Years

Remote Status: On-site

🚀 Role Summary

• Spearhead the design function for a cutting-edge Generative AI team, focusing on both web and mobile product development.

• Develop and implement a comprehensive design system, including tokens, components, and patterns, to ensure consistency and scalability across multiple AI products.

• Translate design decisions into engineering-ready artifacts, such as exported design tokens and CSS configurations, enabling direct adoption by development teams.

• Design unique interaction patterns for AI-driven products, addressing challenges like conversational surfaces, streaming output, and uncertainty.

📝 Enhancement Note: This role is uniquely positioned to establish and own the design system for a rapidly developing Generative AI product suite. The emphasis on direct handoff to engineering and the integration of AI tooling in the design process indicates a highly collaborative and forward-thinking GTM environment.

📈 Primary Responsibilities

• Design user flows, screens, and interaction states for Generative AI products, ensuring a cohesive and intuitive user experience across web and mobile platforms.

• Establish and maintain the visual language for the team's products, defining typography, color palettes, spacing, layout, iconography, and motion principles.

• Create reusable design patterns, tokens, and components within Figma, leveraging variables, component properties, and auto layout for efficient system management.

• Develop a robust design system that can be directly consumed by engineering teams, including exporting design tokens and providing CSS or theme configurations with clear usage guidelines.

• Design for edge cases and non-happy paths, including empty states, loading indicators, error messages, and first-run experiences.

• Prototype user interfaces and interactions to facilitate rapid decision-making and stakeholder alignment.

• Design specialized patterns for AI products, such as chat interfaces, streaming output displays, agent step visibility, and citation management.

• Address design challenges related to AI uncertainty, including latency, partial answers, model errors, and affordances for user correction or intervention.

• Integrate AI tooling into the design workflow to accelerate the creation of design artifacts and system components.

• Package the design system into repository-level rules and skills for AI-assisted coding agents to ensure generated screens adhere to established standards.

• Collaborate closely with engineers to ensure smooth adoption of the design system and provide feedback for system improvements.

• Version and document the design system, communicating changes and retiring obsolete elements.

📝 Enhancement Note: The responsibilities highlight a deep integration between design and engineering, with a strong emphasis on creating a scalable and adoptable design system. The expectation to "package the system" for AI-assisted coding agents is a novel and advanced requirement, suggesting a highly automated and efficient GTM pipeline.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio and demonstrated experience are prioritized over formal educational checklists.

Experience: Eight or more years of direct experience in UI/UX or product design, with a proven track record of owning design decisions and driving product outcomes.

Required Skills:

• Product Design: Demonstrated ability to design user flows, screens, states, and interactions for complex digital products, with a focus on both web and mobile platforms.

• Design Systems: Proven experience in creating, maintaining, and scaling design systems, including the development of design tokens, components, and patterns.

• Figma Proficiency: Advanced skills in Figma, including mastery of variables, component properties, auto layout, and library management.

• Handoff Expertise: Capability to produce engineering-ready artifacts, including design tokens and CSS configurations, and a willingness to work with the token and CSS layers.

• Systems Thinking: Ability to identify patterns across diverse design elements and translate them into a cohesive, reusable system.

• Visual and Interaction Design: Strong aesthetic judgment and the ability to articulate design decisions based on user benefit and product goals.

• AI Tooling Integration: Experience and deliberate use of AI tools within personal design workflows.

• Portfolio: A compelling portfolio showcasing relevant work that can be discussed in detail, including confidential or unlaunched projects.

Preferred Skills:

• Experience designing specifically for AI or agentic products.

• Familiarity with design token pipelines like Style Dictionary or W3C design tokens format.

• Front-end development capabilities beyond token implementation.

• Strong practice in accessibility, including keyboard navigation, focus management, and screen reader semantics.

• Experience with right-to-left (RTL) and bilingual interfaces, particularly Arabic and English.

• Expertise in motion and interaction design, dense or data-heavy interfaces, or data visualization.

• Experience conducting usability testing or user research to validate design decisions.

📝 Enhancement Note: The emphasis on "real ownership of the design decisions" and "systems thinking" suggests the company is looking for a strategic design leader, not just an execution-focused designer. The preference for AI tool integration and experience with agentic products indicates a specific focus on the future of AI-driven product development.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Design System Case Study: A detailed case study showcasing the creation and implementation of a design system, including examples of tokens, components, and patterns, and their impact on product consistency and development efficiency.

• Product Design Examples: Demonstrations of user flows, screens, and states designed for both web and mobile applications, highlighting problem-solving and user-centric design principles.

• Figma System Walkthrough: A live or recorded walkthrough of a Figma design system, demonstrating proficiency with variables, auto layout, component properties, and library structure.

• Handoff Artifacts: Examples of design artifacts prepared for engineering, such as exported design tokens, CSS snippets, or clear usage documentation for components.

• AI Tooling Integration: Evidence of how AI tools were used to enhance the design process, improve efficiency, or generate design elements, with a clear explanation of the benefits and any limitations.

Process Documentation:

• System Versioning and Changelog: Examples of how design system updates are documented, including version control, changelogs, and communication of changes to stakeholders.

• Usage Guidelines and Best Practices: Clear, concise documentation for design system components and patterns, outlining recommended usage, accessibility considerations, and common pitfalls.

• Cross-Functional Handoff Protocols: Documentation detailing the process for handing off designs and system components to engineering, ensuring clarity and minimizing ambiguity.

📝 Enhancement Note: The portfolio requirements are highly specific and lean towards demonstrating practical, scalable design solutions. The emphasis on "handing it to engineering in a form they build from directly" and "packaging the system" for AI-assisted work suggests a need for portfolio pieces that showcase a direct link between design output and engineering implementation.

💵 Compensation & Benefits

Salary Range: The salary for a Senior UI/UX Designer with 8+ years of experience in Riyadh, Saudi Arabia, can range significantly based on the company's compensation strategy, the candidate's specific expertise, and the overall market demand. Based on industry benchmarks and cost of living in Riyadh, a competitive range could be between SAR 25,000 to SAR 40,000 per month.

Benefits:

• Competitive Salary: Reflecting the senior level and specialized skills in AI product design and design systems.

• Health Insurance: Comprehensive medical coverage for the employee and potentially dependents.

• Paid Time Off: Generous annual leave and public holidays in line with Saudi Arabian labor laws.

• Professional Development: Opportunities for continuous learning, workshops, and conferences related to AI, design systems, and emerging design technologies.

• AI Tooling Access: Provision of advanced AI design tools and software to support daily work.

• Relocation Assistance: Potential support for international candidates moving to Riyadh.

Working Hours: Standard full-time hours, likely around 40 hours per week, with potential for flexibility depending on project needs and team collaboration schedules. The role emphasizes output and efficiency, suggesting a results-oriented work environment.

📝 Enhancement Note: Salary estimation is based on general market data for senior design roles in major cities in Saudi Arabia. The specific benefits package would need to be confirmed with Mirai Arabian International Company Limited. The emphasis on AI tooling access is a key benefit for this specialized role.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology, specifically focused on Generative AI product development. Mirai Arabian International Company Limited appears to be at the forefront of integrating AI into its product offerings.

Company Size: The description suggests a fast-paced, agile environment, likely a startup or a dedicated innovation unit within a larger organization, given the emphasis on rapid shipping and AI assistance. The "Generative AI team" implies a focused, potentially lean operational structure.

Founded: Information on the founding date of "Mirai Arabian International Company Limited" is not directly provided in the job description, but the context points to a company actively innovating in the AI space.

Team Structure:

• The role is the sole "design function" for the Generative AI team, indicating a high degree of autonomy and ownership.

• Close collaboration with engineers is a core aspect, with a focus on direct handoff and shared responsibility for system adoption.

• The team operates with AI assistance in the loop, implying a culture of embracing cutting-edge technology and rapid iteration. Methodology:

• AI-Assisted Development: Engineers use AI to write code, and designers are expected to use AI tooling in their workflow.

• Rapid Iteration: Products are shipped quickly, with a focus on continuous improvement and adaptation.

• System-Centric Design: Emphasis on building scalable and reusable design systems as a foundational element for product development.

• Data-Driven Design: While not explicitly stated, the context of AI and product development implies a need for data to inform design decisions and measure impact.

Company Website: https://jobs.workable.com/company/qmej37N59rUdffMpnL5eji/jobs-at-mirai-arabian-international-company-limited

📝 Enhancement Note: The company culture appears to be highly innovative, fast-paced, and technology-driven, with a strong emphasis on AI integration and efficiency. The senior designer will have significant influence in shaping the design direction and establishing best practices.

📈 Career & Growth Analysis

Operations Career Level: This is a Senior-level position, marking the individual as the primary design authority for the Generative AI team. The role demands not just execution but strategic thinking, system ownership, and leadership in establishing design standards.

Reporting Structure: While not explicitly stated, the role is described as the "design function," suggesting potential direct reporting to a Head of Product, CTO, or a similar senior leadership role within the Generative AI division. The emphasis is on autonomous work with close engineering collaboration.

Operations Impact: The Senior UI/UX Designer will have a profound impact on the efficiency and scalability of product development by creating a robust design system. This system will directly influence how quickly and consistently AI products are built, impacting time-to-market, user experience quality, and overall brand coherence across multiple products. The designer's work will enable more good design to happen without their direct involvement.

Growth Opportunities:

• Design Leadership: Opportunity to build and lead the design function as the team and product suite expand.

• Specialization in AI Design: Deep dive into the unique challenges and opportunities of designing for cutting-edge Generative AI products.

• System Architecture: Gain advanced experience in designing and implementing scalable design systems that can support rapid growth and AI-assisted development.

• Cross-Functional Influence: Work closely with engineering and product leadership, influencing product strategy and technology adoption.

• Mentorship: Potential to mentor junior designers or engineers on design principles and system usage as the team grows.

📝 Enhancement Note: This role offers a unique opportunity for a designer to establish a design practice from the ground up within a specialized, high-growth AI team. The impact is significant, extending beyond individual product designs to shaping the entire development process.

🌐 Work Environment

Office Type: The role is designated as "On-site," implying a physical office presence in Riyadh, Saudi Arabia. This suggests a collaborative environment where in-person interaction with the engineering and product teams is valued.

Office Location(s): Riyadh, Riyadh Province, Saudi Arabia. This location places the designer within a major economic and technological hub in the Middle East.

Workspace Context:

• Collaborative Hub: The on-site nature suggests a workspace designed for team interaction, problem-solving, and rapid iteration with engineers.

• Technology-Rich Environment: Expect access to modern design tools, AI platforms, and development environments necessary for cutting-edge AI product creation.

• Agile Operations: The fast-paced nature of shipping daily with AI assistance points to an agile and dynamic office atmosphere.

Work Schedule: Standard full-time hours with an emphasis on productivity and timely delivery. The expectation is that the designer will be integrated into the daily workflow of the engineering team, requiring responsiveness and active participation.

📝 Enhancement Note: The "on-site" requirement suggests a preference for close collaboration and immediate feedback loops, which are critical for a fast-paced AI product development environment. This is not a remote-first role, indicating a culture that values in-person synergy.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of resume and portfolio to assess experience in UI/UX, design systems, and AI tooling.

• Portfolio Deep Dive: A session where the candidate walks through their portfolio, focusing on design decisions, systems thinking, and experience with design systems and handoff. Expect questions about how they've turned design work into reusable assets for engineering.

• Technical/Systems Challenge: Potentially a design exercise or a discussion focused on designing a specific AI product feature or extending an existing component within a hypothetical design system. This will assess their approach to problem-solving, system thinking, and understanding of AI product needs.

• Cultural Fit and Collaboration Assessment: Interviews to gauge how the candidate works with engineers, their approach to feedback, and their ability to integrate into a fast-paced, AI-driven team.

• Final Interview: Likely with senior leadership (e.g., CTO, Head of Product) to discuss strategic vision, leadership potential, and overall fit with the company's mission.

Portfolio Review Tips:

• Showcase System Creation: Prioritize projects where you built or significantly contributed to a design system. Detail the process: how you identified patterns, created tokens and components, and managed the system's evolution.

• Demonstrate Handoff: Clearly illustrate how your designs were translated into usable assets for engineering. Include examples of design tokens, component documentation, or any CSS/code snippets you generated.

• Explain AI Tooling Use: Be ready to discuss how you integrated AI tools into your workflow. What specific tools did you use? How did they help? What were the limitations or challenges?

• Focus on Impact: For each project, articulate the problem you solved, your design process, and the measurable impact of your work (e.g., improved consistency, faster development cycles, better user adoption).

• Address Design for AI: If you have experience designing for AI or agentic products, highlight these projects and the unique challenges and solutions involved.

• Be Prepared for Live Figma: Have your Figma file ready to present and navigate, demonstrating your proficiency with advanced features like variables and auto layout.

Challenge Preparation:

• Understand AI Product Patterns: Research common UI/UX patterns for conversational AI, chatbots, agent interfaces, and streaming data.

• Design System Principles: Refresh your knowledge of design token methodologies, component architecture, and best practices for creating scalable and maintainable systems.

• Handoff Strategies: Prepare to discuss how you would bridge the gap between design and code, considering token-based systems and potential for AI-generated code.

• Problem-Solving Approach: Be ready to articulate a structured approach to solving design problems, especially those involving uncertainty or novel interaction paradigms common in AI.

📝 Enhancement Note: The interview process heavily emphasizes practical application, systems thinking, and the ability to integrate with an engineering-first, AI-assisted workflow. A strong portfolio demonstrating these specific skills is paramount.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The central design tool, with expected proficiency in variables, component properties, auto layout, and library management for design system creation and maintenance.

• AI Design Tools: Explicitly mentioned as a daily part of the craft. This could include AI-powered plugins within Figma, standalone AI design assistants (e.g., Galileo, Claude Design), or other generative design platforms.

• Prototyping Tools: While Figma offers prototyping, other specialized tools might be used for complex interactions or user testing.

Analytics & Reporting:

• While not explicitly mentioned, a Senior Designer in this role would likely interact with product analytics tools (e.g., Amplitude, Mixpanel, Google Analytics) to understand user behavior and inform design iterations.

• Tools for design system adoption and usage tracking might also be relevant. CRM & Automation:

• Not directly applicable to the designer's core toolset, but understanding how design systems feed into product development pipelines and potentially marketing automation workflows could be beneficial. Design Token Management:

• Familiarity with design token specification formats (e.g., W3C Design Tokens) and potential pipelines like Style Dictionary is a strong asset.

• Tools or scripts for generating CSS or theme configurations from design tokens.

📝 Enhancement Note: The technology stack is heavily centered around Figma and AI-driven design tools. The expectation to work with design tokens and potentially CSS configurations indicates a deep integration with front-end development processes.

👥 Team Culture & Values

Operations Values:

• Innovation: A strong drive to explore and implement cutting-edge technologies, particularly Generative AI and AI-assisted workflows.

• Efficiency: A focus on building scalable systems and processes that enable rapid product development and iteration.

• Collaboration: Close partnership between design and engineering, with a shared responsibility for product quality and system adoption.

• Ownership: A culture where individuals take full responsibility for their domain, from initial design decisions to ensuring their work is effectively implemented.

• Data-Driven Decision Making: Implied by the use of AI and the need to measure the impact of designs and systems.

Collaboration Style:

• Integrated Teams: Design is not siloed but deeply embedded within the engineering team, working side-by-side to build products.

• Direct Handoff & Feedback: A continuous loop of design creation, engineering implementation, and feedback for system refinement.

• AI as a Collaborator: Embracing AI tools as partners in the creative and development process.

• Process-Oriented: Emphasis on establishing and maintaining robust processes (like the design system) that facilitate smooth collaboration and scalable output.

📝 Enhancement Note: The culture values hands-on contribution, technical proficiency, and a collaborative spirit that transcends traditional departmental boundaries. The integration of AI is not just a tool but a core part of the team's operational philosophy.

⚡ Challenges & Growth Opportunities

Challenges:

• Establishing a Design System from Scratch: Building a comprehensive and scalable design system for a new suite of AI products requires significant strategic thinking and execution.

• Designing for Novel AI Interactions: Creating intuitive and effective user experiences for Generative AI products, which often involve uncertainty, conversational interfaces, and AI agents, is a complex design challenge.

• Ensuring AI-Assisted Design Adoption: Packaging and enabling AI-assisted coding agents to consistently use the design system requires innovative approaches to system architecture and documentation.

• Bridging the Design-Engineering Gap: Ensuring seamless handoff and adoption of design artifacts and systems by engineering teams, especially in a fast-paced, AI-driven environment.

• Balancing System Consistency with Product Innovation: Maintaining the integrity of the design system while allowing for the rapid iteration and unique requirements of individual AI products.

Learning & Development Opportunities:

• Cutting-Edge AI Product Design: Hands-on experience designing for the forefront of Generative AI applications.

• Advanced Design System Architecture: Opportunity to develop deep expertise in building and managing complex, scalable design systems.

• AI Tooling Mastery: Becoming proficient in leveraging AI tools to enhance design workflows and accelerate delivery.

• Cross-Functional Leadership: Developing skills in leading design initiatives within a highly technical and product-focused team.

• Industry Influence: Potential to contribute to the evolving landscape of AI product design and design system practices.

📝 Enhancement Note: The challenges presented are significant but directly align with the growth opportunities. This role is ideal for a designer who thrives on building foundational elements and tackling novel design problems in a rapidly evolving technological space.

💡 Interview Preparation

Strategy Questions:

• "How would you approach building a design system from the ground up for a new suite of Generative AI products, considering the need for rapid iteration and AI assistance in development?" (Focus on phased approach, core principles, token strategy, and engineering collaboration.)

• "Describe a time you had to design for uncertainty or complex AI interactions. What were the challenges, and how did you ensure a good user experience?" (Prepare a case study highlighting AI-specific design challenges.)

• "Imagine an AI coding agent is generating UI components. How would you ensure these generated components adhere to your design system and brand guidelines?" (Discuss packaging, documentation, AI training data considerations, and feedback loops.)

• "What is your process for ensuring seamless handoff of design work to engineering, especially when dealing with design tokens and potential CSS output?" (Detail your documentation, communication, and validation methods.) Company & Culture Questions:

• "What excites you about designing for Generative AI products specifically?" (Align your passion with the company's mission.)

• "How do you see yourself fitting into a team where engineers are also making design decisions, and AI is assisting in the build process?" (Emphasize collaboration, system enablement, and shared goals.)

• "How do you prioritize design decisions when faced with tight deadlines and rapid development cycles?" (Highlight efficiency, pragmatic solutions, and system-driven decision-making.) Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, clearly define the problem, your role, your process, the solution (especially the design system aspects), and the impact.

• Highlight System Components: Dedicate significant time to showcasing your design system work. Explain the rationale behind your token choices, component structure, and how it was implemented and adopted.

• Demonstrate Handoff: Show concrete examples of how your designs were translated into engineering-ready assets. If possible, include visual examples of the implemented components.

• Explain AI Tooling Integration: Be prepared to show or discuss how you used AI tools. Be specific about the tools and the tangible benefits achieved.

• Be Ready for Live Figma: Have your Figma file organized and accessible. Be prepared to navigate it smoothly, explaining your system's architecture and key features on the fly.

📝 Enhancement Note: The interview process is designed to assess not just design skill but also strategic thinking, system-building capability, and adaptability to an AI-centric, fast-paced development environment. Your portfolio and your ability to articulate your process and impact are critical.

📌 Application Steps

To apply for this Senior UI/UX Designer (Design Systems) position:

• Submit your application through the provided link on Workable.

• Portfolio Customization: Tailor your portfolio to prominently feature your experience in design systems, UI/UX design for web and mobile, and any work involving AI tools or AI product design. Prioritize case studies that demonstrate your ability to create reusable components and design tokens.

• Resume Optimization: Ensure your resume clearly highlights your 8+ years of experience, specific skills in Figma, design system development, and experience with engineering handoff. Use keywords from the job description such as "Design Systems," "Generative AI," "Figma," "Design Tokens," and "Product Design."

• Prepare for Portfolio Walkthrough: Practice presenting your portfolio, focusing on articulating your design process, the rationale behind your decisions, and the tangible impact of your work, especially in system creation and adoption. Be ready to demonstrate your Figma proficiency live.

• Research Company and AI Focus: Understand Mirai Arabian International Company Limited's mission and their specific interest in Generative AI. Research current trends in AI product design and design systems to inform your responses during interviews.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.

---