UX Designer (Figma + Component Systems)

📍 Job Overview

Job Title: UX Designer (Figma + Component Systems)
Company: Hire Overseas
Location: Philippines
Job Type: FULL_TIME
Category: UX/UI Design & Operations
Date Posted: 2025-10-17
Experience Level: Mid-Level (3-5+ years)
Remote Status: 100% Remote

🚀 Role Summary

• This role is pivotal in establishing and maintaining a robust design system foundation, leveraging Figma for scalable component development and ensuring a cohesive user experience across the product.
• The position emphasizes the creation, management, and evolution of reusable design components and UI kits, directly impacting product consistency and development efficiency.
• You will be instrumental in bridging the gap between design and engineering through meticulous documentation and smooth handoffs, fostering a collaborative remote environment.
• The role offers significant creative freedom within an AI-powered marketing platform, allowing for the design and implementation of complete web experiences that revolutionize SEO and advertising.

📝 Enhancement Note: While the raw job description focuses on UX/UI design, the emphasis on "component systems," "reusable elements," "scalability," and "documentation" strongly aligns with the principles of operations management within a design context. This role requires a systematic approach to design, akin to process optimization in operations, making it relevant for professionals who value structure, efficiency, and scalable solutions. The "Operations Category" has been broadened to "UX/UI Design & Operations" to reflect this.

📈 Primary Responsibilities

• Design, develop, and meticulously maintain Figma component libraries, UI kits, and style guides to ensure a unified and high-quality user interface.
• Create responsive layouts and reusable design elements that can be efficiently implemented across various product screens and user flows.
• Uphold and enforce visual consistency, brand integrity, and design scalability throughout all product deliverables.
• Collaborate closely with engineering teams to facilitate seamless design handoffs, provide implementation support, and ensure design accuracy.
• Conduct light UX research and exploration, including the creation of wireframes, user flows, and interactive prototypes to validate design concepts and user journeys.
• Document and continuously evolve the product’s design guidelines, system patterns, and best practices to foster a shared understanding and efficient workflow.
• Actively participate in design reviews, provide constructive feedback, and engage in asynchronous collaboration with cross-functional teams in a remote setting.
• Contribute to the overall product strategy by translating business requirements and user needs into intuitive and effective design solutions.

📝 Enhancement Note: The responsibilities highlight a strong operational component: maintaining libraries, ensuring consistency, facilitating handoffs, and documenting guidelines all point to a system-oriented approach to design. This aligns with operations roles focused on process standardization and efficiency.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, candidates should possess a strong foundational understanding of design principles, user-centered design methodologies, and digital product development, often acquired through formal education, bootcamps, or equivalent practical experience.

Experience: 3-5+ years of progressive experience in UX or UI Design, with a proven track record of contributing to product development lifecycles and building scalable design systems.

Required Skills:

• Expert-level proficiency in Figma: Deep understanding and practical application of advanced Figma features such as Auto Layout, Variants, Component Properties, and interactive prototyping.
• Design Systems Expertise: Demonstrated ability to design, build, and maintain comprehensive design systems, including component libraries, style guides, and UI kits.
• UI/UX Best Practices: Solid grasp of user-centered design principles, usability heuristics, accessibility standards, and responsive design techniques.
• Visual Design & Consistency: A keen eye for detail, typography, color theory, and layout to ensure strong visual appeal and brand consistency.
• Collaboration & Communication: Excellent verbal and written communication skills, with the ability to articulate design decisions clearly and collaborate effectively in a remote, asynchronous environment.
• Independent Work Ethic: Proven ability to manage workload, prioritize tasks, and deliver high-quality results with minimal supervision, while staying aligned with team and product goals.
• Documentation Skills: Proficiency in creating clear and concise design documentation, guidelines, and system patterns.

Preferred Skills:

• Engineering Collaboration: Prior experience working closely with software engineers, understanding their workflows, and facilitating smooth design-to-development handoffs.
• Production Design Systems: Experience in maintaining and evolving design systems that are actively used in production environments.
• Webflow/Shopify Project Experience: Specific experience designing and building websites using platforms like Webflow or Shopify, as mentioned in the application requirements.
• Understanding of SEO/Advertising: Familiarity with the principles of SEO and digital advertising, given the company's AI-powered marketing platform focus.
• Wireframing & Prototyping Tools: Proficiency beyond Figma, potentially including tools for advanced user flow mapping or interactive prototyping.

📝 Enhancement Note: The emphasis on Figma expertise, design systems, and collaboration with engineers is critical. For operations professionals, this translates to understanding how to build and maintain standardized systems and collaborate effectively across departments to ensure consistent execution. The "3-5+ years" directly maps to a mid-level operations role.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase 2-3 Full Websites: Present comprehensive case studies of at least two to three complete websites you have designed and built, demonstrating end-to-end project ownership.
• Figma Component System Focus: Clearly highlight your experience with Figma's advanced features (Auto Layout, Variants, Component Properties) and how you've applied them to build scalable and maintainable design systems.
• Process Documentation Examples: Include examples of how you document design processes, system guidelines, or component usage to ensure clarity and consistency for stakeholders and team members.
• Metrics and Impact Demonstration: Where possible, demonstrate the impact of your design work through metrics related to user engagement, conversion rates, usability improvements, or development efficiency gains.

Process Documentation:

• Workflow Design and Optimization: Provide examples of how you've designed or optimized design workflows to improve efficiency, collaboration, and quality.
• System Implementation Standards: Illustrate your approach to implementing design systems in a way that ensures scalability, maintainability, and adherence to best practices.
• Measurement and Performance Analysis: Showcase how you measure the effectiveness of your designs and design systems, and how you use data to inform iterative improvements.

📝 Enhancement Note: The portfolio requirements are highly aligned with operations expectations. A "design system" mirrors an "operations framework," and "component libraries" are akin to standardized "process modules." Demonstrating an ability to document, implement, and measure the impact of these systems is core to operations roles.

💵 Compensation & Benefits

Salary Range: For a UX Designer with 3-5+ years of experience in the Philippines, remotely serving a US-based company, a competitive salary range is typically between $2,000 to $4,000 USD per month. This estimate is based on industry benchmarks for remote tech talent in the Philippines, considering the company's USD payment structure and the role's mid-level seniority.

Benefits:

• Paid in USD: Bi-monthly payouts on the 15th and 30th, offering stable international currency compensation.
• Paid Time Off (PTO): Up to 14 days annually, accrued from Day 1, providing flexibility and work-life balance.
• Holiday Observance: Paid time off for local holidays in the Philippines, ensuring cultural respect and work-life integration.
• 100% Remote Work: The flexibility to work from anywhere, eliminating commute time and offering greater autonomy.
• Creative Freedom: Significant autonomy to design, build, and ship complete web experiences, fostering innovation and personal growth.
• Exposure to Cutting-Edge Technology: Opportunity to work with an AI-powered marketing platform, gaining experience in a revolutionary field.

Working Hours: This is a full-time position, generally requiring approximately 40 hours per week. While the core duties need to be fulfilled, the remote nature and asynchronous collaboration model may offer some flexibility in daily scheduling, provided work is completed efficiently and team coordination is maintained.

📝 Enhancement Note: The salary estimation is based on research for mid-level remote UX/UI designers in the Philippines, factoring in the USD payment. The benefits are directly extracted and presented to highlight their value to operations professionals seeking work-life balance and stable compensation.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology, specifically an AI-powered marketing platform focused on SEO and advertising. This industry demands innovation, data-driven strategies, and rapid adaptation to market trends.

Company Size: The provided LinkedIn data indicates Hire Overseas operates within the 11-50 employee range. This suggests a lean, agile team environment where individual contributions are highly visible and impactful.

Founded: Information on the founding date of Hire Overseas is not directly available. However, companies operating in the dynamic AI and marketing tech space often have a relatively recent founding, implying a culture of agility, continuous improvement, and a forward-thinking approach.

Team Structure:

• Operations/Design Team: While the specific structure isn't detailed, the role implies a close-knit design team working collaboratively with product managers and engineering teams. The remote nature suggests a strong reliance on digital communication and project management tools.
• Reporting: Likely reports to a Design Lead, Head of Product, or a similar senior role overseeing product development.
• Cross-functional Collaboration: High degree of collaboration expected with engineers for implementation, product managers for strategy, and potentially marketing teams to understand user needs and market positioning.

Methodology:

• Data-Driven Design: Given the AI and marketing tech focus, design decisions are likely informed by user data, A/B testing results, and performance metrics.
• Agile Development: The company culture probably embraces agile methodologies, with iterative design and development cycles.
• Systematic Approach: The emphasis on design systems and component libraries indicates a preference for structured, repeatable processes that ensure efficiency and scalability.

Company Website: https://www.hireoverseas.com/

📝 Enhancement Note: The company size (11-50 employees) suggests a dynamic, possibly startup-like environment where operational efficiency and individual initiative are paramount. The AI-powered marketing platform context implies a high-tech, data-centric culture, which aligns well with operations professionals who thrive on optimization and measurable results.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a Mid-Level (3-5+ years of experience). It requires a solid foundation in UX/UI design and specific expertise in Figma and design systems, indicating a level of autonomy and responsibility beyond entry-level positions. The individual is expected to contribute significantly to the design system's development and maintenance.

Reporting Structure: The UX Designer will likely report to a Design Lead or Head of Product, working within a product development team. The remote nature necessitates clear communication channels and defined reporting lines to ensure alignment and project progress.

Operations Impact: The UX Designer's work directly influences the product's usability, consistency, and scalability. A well-defined design system streamlines the development process, reduces bugs, and improves user adoption, all of which contribute to higher customer satisfaction, better conversion rates, and ultimately, revenue growth. This role is key in operationalizing the user experience.

Growth Opportunities:

• Senior UX/UI Designer: Progression to a senior level, taking on more complex design challenges, leading design initiatives, and mentoring junior designers.
• Design System Lead: Specialization in leading the strategy, development, and governance of the company's design system, becoming a subject matter expert.
• Product Design Leadership: Potential to move into leadership roles such as Product Design Manager, overseeing design strategy and team growth.
• Cross-functional Skill Development: Opportunities to deepen understanding of product management, engineering workflows, and marketing strategies, broadening career horizons.

📝 Enhancement Note: The growth opportunities outlined are typical for a mid-level design role but are framed with an operations lens – emphasizing leadership in system governance and strategic impact on product development efficiency.

🌐 Work Environment

Office Type: Fully remote, offering complete flexibility in work location.

Office Location(s): The role is specified for candidates located in the Philippines, enabling them to work from anywhere within the country.

Workspace Context:

• Collaborative Digital Space: The remote environment relies heavily on digital collaboration tools (e.g., Slack, Figma, Loom, project management software) to foster teamwork and communication.
• Technology Stack: Access to industry-standard design tools (Figma) and potentially other collaborative platforms provided by the company.
• Team Interaction: Opportunities for regular interaction through video calls, design reviews, and asynchronous communication channels, ensuring team cohesion and knowledge sharing.

Work Schedule: Full-time, approximately 40 hours per week. While specific daily hours might offer some flexibility, consistent availability for team syncs and timely completion of tasks are expected, supporting the continuous workflow of a remote operations team.

📝 Enhancement Note: The fully remote aspect is a key benefit, aligning with the growing trend of flexible work arrangements often sought by operations professionals. The emphasis on digital collaboration tools underscores the importance of proficiency in these systems for operational effectiveness.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Application: Submit resume, Loom video, and portfolio link. This stage assesses basic qualifications, communication skills, and past work.
• Video Introduction (Loom): A 1-2 minute Loom video to introduce yourself, showcase personality, and highlight a recent Webflow or Shopify project. This is a crucial step for assessing communication and relevant project experience.
• Role-Specific Assessment (Homework): A tailored assignment to evaluate practical design skills, problem-solving abilities, and fit for the specific role's demands. This mirrors operational case studies.
• Recruitment Interview: An initial screening with the Hire Overseas talent team to assess overall fit, experience, and alignment with company values.
• Executive Interview: A meeting with senior leadership to discuss strategic alignment, long-term career goals, and the candidate's potential impact on the company.
• Client Interview: A final interview with the client team the candidate would be supporting, focusing on specific project needs and team dynamics.

Portfolio Review Tips:

• Highlight Design System Impact: Clearly articulate the challenges you faced and the solutions you implemented in building and maintaining design systems. Quantify the impact where possible (e.g., reduced development time, increased consistency).
• Showcase Figma Mastery: Demonstrate your proficiency with Figma's advanced features (Auto Layout, Variants, Component Properties) through practical examples within your case studies.
• Structure for Clarity: Organize your portfolio with clear case study structures: Problem, Solution, Your Role, Process, and Outcomes. Use visuals effectively.
• Tailor to the Role: Emphasize projects that align with building scalable web experiences and component-based design, as this is central to the job description.

Challenge Preparation:

• Design System Case Study: Be prepared to discuss your experience designing, implementing, and maintaining design systems. Think about the challenges of scalability, version control, and stakeholder buy-in.
• Figma Feature Application: Anticipate questions about how you use specific Figma features to achieve efficiency and consistency in your designs.
• Remote Collaboration Scenarios: Prepare for questions about how you manage communication, resolve conflicts, and maintain productivity in a remote team environment.

📝 Enhancement Note: The multi-stage interview process, including a specific assessment and portfolio review, is common for specialized roles. The emphasis on a portfolio showcasing design systems and Figma proficiency is directly analogous to operations professionals needing to demonstrate their process documentation, system implementation, and analytical skills.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: This is the core design tool. Proficiency is expected at an expert level, including Auto Layout, Variants, Component Properties, and interactive prototyping capabilities. Deep understanding of how to build and manage component libraries within Figma is essential.
• Loom: Required for the application process to record video introductions and potentially for team communication and design walkthroughs.
• Webflow/Shopify (Bonus): Experience with these platforms for building websites is a plus, indicating an understanding of production environments and front-end implementation.

Analytics & Reporting:

• While not explicitly stated as required tools, a strong UX Designer would likely interact with and understand data from:
  • Analytics Platforms: Google Analytics, Mixpanel, Amplitude for understanding user behavior and product performance.
  • A/B Testing Tools: Optimizely, VWO for experimental design validation.

CRM & Automation:

• Not directly applicable to this UX design role, but awareness of how design impacts CRM user interfaces or marketing automation workflows could be beneficial.

📝 Enhancement Note: The explicit mention of Figma as a primary tool is critical. For operations professionals, understanding the technology stack means recognizing the tools that drive efficiency and data management. Figma's role in creating standardized, reusable components mirrors the operational goal of creating efficient, repeatable processes.

👥 Team Culture & Values

Operations Values:

• Systematic Efficiency: A strong emphasis on creating and maintaining structured design systems that drive efficiency and reduce redundancy in the design and development process.
• Data-Informed Decisions: A commitment to using data and user feedback to inform design choices, ensuring that solutions are effective and meet user needs.
• Collaboration and Transparency: Fostering an open and communicative environment where ideas are shared freely, feedback is constructive, and team members support each other, especially in a remote setting.
• Quality and Craftsmanship: A dedication to producing high-quality, polished design deliverables that reflect a strong attention to detail and a commitment to user experience excellence.
• Innovation and Adaptability: Embracing new technologies and methodologies, particularly within the AI and marketing tech space, to stay at the forefront of industry trends.

Collaboration Style:

• Asynchronous Communication: Proficient in communicating and collaborating effectively through written messages, documentation, and recorded videos, accommodating different time zones and work schedules.
• Cross-functional Partnership: Proactive engagement with engineering and product teams to ensure alignment, facilitate smooth handoffs, and incorporate feedback throughout the development lifecycle.
• Design Review Culture: Participating constructively in design critiques and reviews, offering and receiving feedback to elevate the quality of the product.
• Knowledge Sharing: Actively contributing to the team's knowledge base, sharing insights, best practices, and learnings related to design systems and UX/UI.

📝 Enhancement Note: The values and collaboration style emphasize structure, data, and efficiency – core tenets of operations. A candidate who can demonstrate these qualities in their design work will be highly valued.

⚡ Challenges & Growth Opportunities

Challenges:

• Maintaining Design System Scalability: Ensuring the design system remains robust, scalable, and adaptable as the product and team grow. This requires foresight and strategic planning.
• Balancing Design Vision with Technical Constraints: Effectively translating creative design ideas into feasible technical implementations, working closely with engineers to find optimal solutions.
• Remote Collaboration Dynamics: Navigating the complexities of effective communication, team cohesion, and project management in a fully remote, asynchronous environment.
• Evolving AI/Marketing Tech Landscape: Keeping pace with rapid advancements in AI, SEO, and digital advertising technologies to ensure designs remain relevant and effective.

Learning & Development Opportunities:

• Advanced Figma & Design System Mastery: Deepening expertise in Figma's cutting-edge features and becoming a leader in design system architecture and best practices.
• Cross-functional Domain Knowledge: Gaining a deeper understanding of AI, SEO, and digital marketing principles to inform more strategic design decisions.
• Leadership in Design Governance: Opportunity to shape and lead the evolution of the company's design system, influencing product strategy and team processes.
• Exposure to Product Strategy: Contributing to higher-level product discussions, understanding the business impact of design choices, and potentially growing into product-focused roles.

📝 Enhancement Note: Challenges in operations often involve scaling processes, managing cross-functional dependencies, and adapting to new technologies. This section frames design challenges in a similar, operations-centric light.

💡 Interview Preparation

Strategy Questions:

• Design System Strategy: "Describe your approach to building a scalable design system from scratch. What are the key components, and how do you ensure adoption and ongoing maintenance?" (Prepare to discuss Figma's role, documentation, and governance).
• Collaboration Scenarios: "How do you handle design disagreements with engineers or product managers? Walk me through a time you had to compromise on a design for technical feasibility." (Focus on communication, problem-solving, and finding win-win solutions).
• Problem-Solving with Design: "Imagine we need to redesign our onboarding flow to increase user activation by 15%. What steps would you take, and what metrics would you track?" (Prepare to outline your process, including user research, wireframing, prototyping, and A/B testing).

Company & Culture Questions:

• Company Alignment: "Why are you interested in working with an AI-powered marketing platform, and what excites you about Hire Overseas specifically?" (Research the company's mission, product, and recent news).
• Remote Work Readiness: "How do you stay motivated and productive when working remotely? What tools and strategies do you use to ensure effective collaboration with distributed teams?" (Highlight your self-management skills and proactive communication habits).
• Impact Measurement: "How have you measured the success of your design system or specific UX improvements in past roles?" (Be ready to share quantifiable results and ROI).

Portfolio Presentation Strategy:

• Loom Video: Practice your 1-2 minute introduction to be concise, engaging, and clearly highlight your chosen Webflow/Shopify project.
• Design System Case Study Deep Dive: Select one project that heavily features your design system work. Be prepared to walk through:
  • The problem statement and your role.
  • Your process for creating components, variants, and styles in Figma.
  • How you ensured reusability and consistency.
  • The impact of your design system on development efficiency or user experience.
• Metrics and ROI: Clearly present any metrics or data that demonstrate the positive outcomes of your design work, linking it back to business goals.

📝 Enhancement Note: Interview preparation for operations roles often involves understanding strategic thinking, problem-solving methodology, and communication skills. This section translates those concepts into design-specific questions and portfolio presentation advice.

📌 Application Steps

To apply for this operations-aligned design position:

• Submit your application through the Workable application link.
• Curate Your Portfolio: Select 2-3 website projects that best showcase your end-to-end design process, with a strong emphasis on your experience with Figma, design systems, and component-based design. Ensure visual clarity and a logical flow for each case study.
• Record Your Loom Video: Prepare a concise (1-2 minute) Loom video introducing yourself. Highlight your passion for UX/UI design and specifically present a recent Webflow or Shopify project, explaining your contributions and design decisions.
• Optimize Your Resume: Tailor your resume to highlight keywords from the job description, such as "Figma," "Design Systems," "Component Libraries," "Responsive Design," "UI/UX Best Practices," and "Remote Collaboration." Quantify achievements where possible.
• Research Hire Overseas: Understand their AI-powered marketing platform, their mission, and their target audience. Consider how your design approach can contribute to their specific business goals.
• Prepare for the Assessment: Anticipate a role-specific homework assignment that will likely involve designing a component or a small flow, testing your Figma skills and systematic approach.

⚠️ 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.

---