UI/UX Designer - Figma + Tailwind System | Remote | Philippines)

📍 Job Overview

Job Title: UI/UX Designer (Figma + Tailwind System)
Company: MagentIQ
Location: Taguig, Metro Manila, Philippines
Job Type: Full-Time
Category: Product Design / UI/UX
Date Posted: October 30, 2025
Experience Level: Mid-Senior Level (4+ Years)
Remote Status: Fully Remote (Philippines-Based)

🚀 Role Summary

• Design and maintain a unified, scalable design system empowering multiple global products through a systems mindset.
• Craft intuitive, high-performing, and responsive interfaces for an automation-driven platform utilizing Figma and Tailwind CSS.
• Own the end-to-end user experience, from initial concept and user research to detailed component design and implementation collaboration.
• Collaborate closely with engineering to ensure design fidelity, accessibility (WCAG), and seamless integration of UI elements.

📝 Enhancement Note: This role emphasizes a strong understanding of design systems as a foundational element for scalable product development, aligning with modern GTM strategies that require consistent user experiences across diverse digital touchpoints. The focus on "automation-driven platform" suggests a need for designers who can translate complex technical functionalities into user-friendly interfaces.

📈 Primary Responsibilities

• Design user-friendly, responsive interfaces and workflows in Figma, adhering to Tailwind CSS and shadcn/ui standards for consistency and efficiency.
• Build, manage, and evolve a cohesive design system, including component libraries, design tokens, and interaction flows, across multiple web applications and device sizes.
• Create high-fidelity prototypes, component variants, and micro-interactions to clearly communicate design intent and user flows.
• Conduct user research, interviews, and usability testing sessions to gather insights, validate design decisions, and iterate on user-centric solutions.
• Translate complex technical requirements and business needs into intuitive, scalable, and visually appealing UI solutions.
• Deliver well-organized, developer-ready design assets and comprehensive specifications, including icons (e.g., Lucide/Heroicons) and style guides.
• Partner closely with engineers throughout the development lifecycle to ensure design fidelity, adherence to accessibility standards (WCAG), and consistent implementation across all platforms.
• Contribute actively to UX strategy, product design documentation, and the continuous improvement of the design system and related processes.

📝 Enhancement Note: The emphasis on "developer-ready design assets and specifications" and "partner with engineers to ensure design fidelity" highlights a crucial aspect of this role: bridging the gap between design and development for efficient product delivery. This necessitates strong communication and a deep understanding of frontend development principles, particularly with utility-first CSS frameworks.

🎓 Skills & Qualifications

Education: While not explicitly stated, a Bachelor's degree in Design, HCI, Computer Science, or a related field is often preferred for roles of this nature. A strong portfolio can often substitute for formal education.
Experience: 4+ years of professional experience in UI/UX design, specifically focusing on modern web applications and product design.

Required Skills:

• Advanced proficiency in Figma, including mastery of auto-layout, component creation, prototyping, variants, and design system management.
• Strong understanding and practical application of responsive design principles, accessibility standards (WCAG), and core usability principles.
• Proven experience designing for React/Next.js environments, with a solid understanding of how to leverage Tailwind CSS or similar utility-first frameworks.
• Ability to balance creative exploration with the structured, systematic approach required for building and maintaining scalable design systems.
• Excellent verbal and written communication skills, with the ability to articulate design decisions clearly and collaborate effectively across diverse teams and time zones.
• A keen eye for detail, ensuring pixel-perfect execution and a polished final product.

Preferred Skills:

• Familiarity with frontend integration workflows, including the implementation of design tokens and collaborative Git workflows for design asset management.
• Experience with motion design tools or Lottie for creating engaging animations and micro-interactions.
• Exposure to designing SaaS dashboards, admin panels, or other data-rich user interfaces where information architecture and clarity are paramount.

📝 Enhancement Note: The requirement for "4+ years of experience designing modern web applications" and "advanced proficiency in Figma" suggests this is not an entry-level position. Candidates should be prepared to showcase a portfolio demonstrating complex problem-solving and a mature understanding of design system principles and their application in real-world product development cycles.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase at least 2-3 comprehensive case studies demonstrating end-to-end UI/UX design processes for modern web applications.
• Highlight specific examples of your work with Figma, emphasizing your ability to create and manage component libraries, auto-layouts, and complex prototypes.
• Include projects that clearly illustrate your experience with responsive design and how you've adapted interfaces for various screen sizes and devices.
• Demonstrate your understanding and application of Tailwind CSS or similar utility-first frameworks in your design solutions.
• Provide evidence of your experience in building or contributing to design systems, detailing the process and impact.

Process Documentation:

• Detail your approach to user research and usability testing, including methodologies used and how findings informed design iterations.
• Clearly articulate your workflow for translating technical requirements into design solutions, showcasing how you ensure scalability and maintainability.
• Document your collaboration process with development teams, illustrating how you hand off assets and ensure design fidelity during implementation, including accessibility considerations.
• Illustrate your contributions to UX strategy and continuous system improvement, showing how you identify opportunities for enhancement.

📝 Enhancement Note: For this role, the portfolio should strongly emphasize design system contributions. Candidates should be ready to discuss the architecture of their design systems, how they handle component variations, versioning, and their impact on development efficiency and product consistency. Demonstrating an understanding of design tokens and their implementation within a Tailwind CSS framework will be a significant advantage.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for experienced UI/UX Designers with advanced Figma and Tailwind CSS skills in the Philippines, a competitive salary range would typically fall between PHP 80,000 to PHP 150,000 per month, depending on experience and specific skill set.

Benefits:

• Fully remote work arrangement, offering flexibility and work-life balance.
• Opportunity to work with a fast-growing global tech team and contribute to innovative automation platforms.
• Collaborative environment where design and engineering operate as a unified team.
• Clear path for career growth and professional development within the organization.
• Potential for exposure to global product development and cross-time zone collaboration.
• [Specific benefits like health insurance, paid time off, or professional development stipends, if applicable, would be detailed here.]

Working Hours: Approximately 40 hours per week, with flexible hours. Candidates should be prepared to align with US or EU time zones for key design reviews, sprint planning, and collaborative sessions, ensuring effective cross-time zone communication.

📝 Enhancement Note: The salary range is an estimate based on typical market rates for a mid-senior level UI/UX Designer in the Philippines with specialized skills in Figma and Tailwind CSS. Actual compensation will depend on the candidate's demonstrated experience, portfolio strength, and the company's specific compensation structure. The flexible hours with time zone alignment requirement is critical for remote collaboration.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology / Software Development / Automation Platforms. MagentIQ operates at the intersection of technology, design, and user experience, aiming to redefine how teams build and interact with digital systems through automation.
Company Size: While not explicitly stated, the mention of "fast-growing global tech team" and "multiple global products" suggests a company that is likely scaling, possibly in the range of 50-250 employees, with a significant international presence.
Founded: Not specified, but the emphasis on innovation and redefining digital systems implies a company that is forward-thinking and likely has a modern approach to product development and company culture.

Team Structure:

• The UI/UX Designer will report to the Head of Product Design or an Engineering Lead, indicating a close working relationship with both design and development leadership.
• Collaboration will be cross-functional, involving product