Junior Mobile UI / Design Systems Designer - News & Media

📍 Job Overview

Job Title: Junior Mobile UI / Design Systems Designer - News & Media

Company: Truelogic

Location: Panama

Job Type: FULL_TIME

Category: Product Design / UI/UX

Date Posted: 2026-09-17

Experience Level: Junior (1-3 years)

Remote Status: 100% Remote

🚀 Role Summary

• This role focuses on executing and maintaining mobile UI designs for iOS and Android platforms, ensuring visual consistency and adherence to established design systems.

• Key responsibilities involve meticulous Figma file organization, component management, and preparing polished designs for developer handoff.

• The position requires a strong understanding of mobile interaction patterns and the ability to translate high-level design concepts into detailed, implementation-ready UI elements.

• This is an excellent opportunity for a detail-oriented designer to contribute to a leading global media and news organization by refining its mobile user experience.

📝 Enhancement Note: While the raw job title is "Junior Mobile UI / Design Systems Designer - News & Media," the core function described leans heavily into UI execution and design system maintenance within a product design context, rather than broad UX strategy. The emphasis on Figma, components, and developer handoff suggests a role that is critical for bridging the gap between design and development, ensuring brand consistency and efficient implementation of mobile interfaces.

📈 Primary Responsibilities

• Collaborate closely with senior designers and product teams to translate overarching design strategies and brand guidelines into actionable mobile UI solutions for iOS and Android.

• Meticulously create and update mobile application screens, ensuring visual fidelity and consistency across both major mobile operating systems.

• Proactively maintain and organize complex Figma files, including components, variants, libraries, and design tokens, to ensure a scalable and efficient design workflow.

• Diligently apply established design system principles and components across various mobile screens and user flows, upholding brand identity and user experience standards.

• Accurately translate global or high-level design concepts into clear, detailed, and platform-specific UI representations for mobile applications.

• Define and meticulously document critical UI specifications such as component states, spacing rules, typography hierarchies, visual styles, and interaction details.

• Prepare clean, well-structured, and organized Figma files optimized for seamless developer handoff, reducing ambiguity and implementation time.

• Ensure all design assets, naming conventions, component structures, and accompanying documentation are accurate, complete, and easily interpretable by the development team.

• Foster strong collaborative relationships with mobile developers, proactively clarifying design intent, providing necessary assets, and resolving implementation-related questions.

• Conduct thorough design reviews to ensure visual consistency, pixel-perfect accuracy, and strict adherence to established brand and design system guidelines.

• Actively support and contribute to the ongoing improvement, expansion, and updates of the mobile design system to enhance its utility and scalability.

📝 Enhancement Note: The responsibilities highlight a strong focus on execution and maintenance within an existing design framework. The emphasis on "translating established design strategies," "applying established design systems," and "maintaining and organizing existing Figma files" points to a role that is less about ideation and more about precision execution and system stewardship. The detailed breakdown of responsibilities like "Define and document component states, spacing, typography, visual specifications, and interaction details" and "Ensure assets, naming conventions, component structures, and documentation are accurate" underscores the need for meticulousness and a deep understanding of design system principles.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a background in Graphic Design, Interaction Design, Human-Computer Interaction (HCI), or a related field is highly beneficial, demonstrated through academic coursework or equivalent practical experience.

Experience: 1-3 years of dedicated experience in UI/UX design, Product Design, or a closely related role, with a pronounced emphasis on mobile application interface design.

Required Skills:

• Proven hands-on experience designing intuitive and visually appealing interfaces specifically for **iOS and

Android** platforms.

• Advanced proficiency in Figma, demonstrating mastery of:

  • Auto Layout for responsive and adaptable designs.
  • Creating and managing complex Components and Variants for design system scalability.
  • Developing and utilizing Component libraries and reusable UI elements for efficiency.
  • Implementing and maintaining Design libraries for consistent design application.

• Substantial experience working within and contributing to an established design system, understanding its principles and practical application.

• Solid understanding of fundamental mobile interaction patterns, user flow logic, and standard interface conventions across different mobile contexts.

• Familiarity with and ability to apply Apple Human Interface Guidelines (HIG) and Google Material Design principles.

• Demonstrated experience in preparing design assets and specifications for effective developer handoff.

• Exceptional attention to detail, with a keen eye for visual consistency, typography, color, and spacing.

• Proven ability to maintain clean, well-structured, and highly organized design files for optimal collaboration and version control.

• Clear and concise communication skills, enabling effective collaboration with cross-functional teams, particularly developers and senior designers.

• Aptitude for following established design guidelines and brand standards accurately while ensuring consistency across a multitude of screens and UI components. Preferred Skills:

• Experience contributing to or managing large-scale corporate, enterprise, or global design systems.

• Familiarity with specialized design-to-code tools or advanced developer handoff platforms (e.g., Zeplin, Avocode, Inspect in Figma).

• Foundational understanding of mobile development constraints and common technologies such as React Native, Swift, or Kotlin, enabling more informed design decisions.

• Practical experience working with design tokens for scalable design system management and theming.

• Experience in reviewing implemented interfaces within development builds and identifying/documenting visual inconsistencies or deviations from design specifications.

• A strong, curated portfolio showcasing mobile app interfaces, detailed Figma files, wireframes, design system components, and comprehensive UI documentation.

📝 Enhancement Note: The experience requirement is specifically defined as 1-3 years, positioning this role as a junior to mid-level position. The emphasis on Figma, Auto Layout, Components, Variants, and Libraries is critical, as is the experience with established design systems. The inclusion of HIG and Material Design highlights the need for platform-specific knowledge. The "Nice to Have" section provides clear pathways for candidates to differentiate themselves, particularly with experience in enterprise-level design systems, design tokens, and exposure to development technologies.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A robust portfolio is mandatory, showcasing a strong foundation in mobile UI design execution.

• Specific examples of completed mobile app interfaces for both iOS and Android are required.

• Detailed Figma files that demonstrate proficiency in Auto Layout, component creation, variants, and library management are essential.

• Visual representations of design system components, including their states, variations, and usage guidelines, should be included.

• Examples of UI documentation or style guides that accompany design deliverables are highly valued.

• Wireframes or user flow diagrams that illustrate the thought process behind UI solutions, even if the primary focus is on execution, can add significant value. Process Documentation:

• Evidence of creating and maintaining clear design documentation for developer handoff, including specifications for spacing, typography, color, and interactive elements.

• Examples of how design system components were applied consistently across different screens and user journeys.

• Documentation demonstrating the organization and structure of Figma files, including clear naming conventions and component library management.

• Any artifacts that illustrate the process of translating high-level design concepts or existing brand guidelines into detailed mobile UI screens.

📝 Enhancement Note: The portfolio requirements are heavily weighted towards demonstrating practical execution skills within Figma and adherence to design systems. The emphasis is on the tangible output of the design process – the screens, the components, the organized files, and the documentation for developers – rather than purely conceptual UX work. This aligns with the role's focus on meticulous execution and system maintenance.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for Junior Mobile UI/UX Designers with 1-3 years of experience in remote roles within Latin America, and considering the competitive USD pay offered by Truelogic, an estimated annual salary range would be between $25,000 - $40,000 USD. This range is an estimate and can vary based on the candidate's specific experience, skill set, and negotiation.

Benefits:

• 100% Remote Work: Enjoy the flexibility and autonomy of working from any location with a stable internet connection.

• Highly Competitive USD Pay: Receive market-leading compensation paid in USD, reflecting the value of your expertise and contributions.

• Paid Time Off: Access to paid time off policies to support work-life balance and personal well-being.

• Work with Autonomy: Freedom to manage your schedule and focus on achieving results, emphasizing output over strict adherence to clock-in/clock-out times.

• Work with Top American Companies: Gain exposure and build experience by collaborating on impactful projects with leading U.S. organizations.

Working Hours: The role is designed for 40 hours per week, with an emphasis on autonomy and results. While specific daily hours may be flexible, alignment with U.S. business hours for collaboration and handoffs may be occasionally required, especially for communication with the client.

📝 Enhancement Note: Salary is estimated based on typical compensation for junior-level design roles in regions where Truelogic sources talent (Latin America), adjusted for the "highly competitive USD pay" and remote nature. The benefits listed are directly from the job description, highlighting key advantages for remote professionals. The working hours are clarified to be a standard 40-hour week but with a focus on flexibility and results.

🎯 Team & Company Context

🏢 Company Culture

Industry: Truelogic operates within the Technology and IT Services sector, specifically focusing on nearshore staff augmentation. Their client, a leading global media and news organization, is firmly rooted in the Media & News Publishing industry. This intersection means the role will involve working with technologies and processes common in digital product development, applied within the context of content creation and dissemination.

Company Size: Truelogic is a substantial organization, employing 600+ highly skilled tech professionals. This size suggests a structured environment with established processes for talent management, client engagement, and operational support.

Founded: Truelogic has been in operation for over two decades, indicating a stable company with a proven track record in the IT services and staff augmentation market. This longevity suggests a mature organizational structure and a deep understanding of client needs and market dynamics.

Team Structure:

• The role is within Truelogic's client's product design team, which likely includes senior designers, UI/UX specialists, and potentially product managers.

• Designers will collaborate closely with mobile development teams (iOS and Android engineers) who are responsible for the implementation of the UI.

• The structure emphasizes cross-functional collaboration between design and engineering to ensure accurate and efficient delivery of mobile features. Methodology:

• Design Execution & System Maintenance: The primary methodology revolves around precise execution of designs based on established guidelines and design systems, with a focus on maintaining the integrity and scalability of these systems.

• Agile Collaboration: While not explicitly stated, the close work with development teams implies an agile or iterative development process where design feedback and updates are integrated regularly.

• Data-Informed Refinement: The client's nature as a news organization suggests that design decisions, while guided by established systems, will also be influenced by user data, engagement metrics, and A/B testing to optimize content consumption and user experience.

Company Website: https://www.truelogic.io/

📝 Enhancement Note: The company context bridges Truelogic's role as a service provider with the client's industry. The emphasis on "600+ professionals" and "over two decades" suggests a stable and experienced organization, which can be reassuring for candidates. The "Methodology" section infers common practices in digital product design and development, aligning with the role's responsibilities.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Junior Designer, specifically for UI execution and design system maintenance. It's ideal for individuals with foundational experience (1-3 years) who are looking to deepen their expertise in mobile UI design, Figma proficiency, and the practical application of design systems. The role is not about leading design strategy but about mastering the execution and refinement of designs within a defined framework.

Reporting Structure: The designer will report to a senior designer or design lead within the client's product design team. They will work closely with mobile developers, and potentially product managers, fostering a collaborative environment where design outputs are directly integrated into the development pipeline.

Operations Impact: The designer's impact is crucial for ensuring the visual consistency, brand integrity, and user experience quality of the client's mobile news applications. By meticulously maintaining the design system and ensuring accurate developer handoffs, they directly contribute to the usability, appeal, and overall effectiveness of the product, which in turn influences user engagement and readership for a global news organization.

Growth Opportunities:

• Specialization in Mobile UI & Design Systems: Deepen expertise in iOS and Android design patterns, advanced Figma techniques, and the architecture of scalable design systems.

• Transition to Mid-Level Designer: With proven performance and expanded skill set, opportunities may arise to take on more complex design tasks, contribute to design system evolution, or even lead smaller design initiatives.

• Cross-functional Skill Development: Gain exposure to product management, agile methodologies, and mobile development processes through close collaboration.

• Exposure to Enterprise-Level Design: Experience working with a large, established design system used by a global media entity provides valuable insights into enterprise design practices.

📝 Enhancement Note: The growth analysis focuses on how a junior designer can evolve within this specific role and the broader design field. The emphasis on "Operations Career Level" is interpreted as the role's position within the design hierarchy and its typical responsibilities. The "Operations Impact" section highlights the tangible contributions of a UI execution role to product success and user engagement.

🌐 Work Environment

Office Type: This is a 100% Remote position, offering complete flexibility in work location. The primary requirement is a reliable internet connection and a functional laptop.

Office Location(s): The role is based in Panama, but the remote nature means candidates can be located anywhere within Panama. Truelogic as a company has a broad reach, sourcing talent from Latin America to work with U.S. companies.

Workspace Context:

• Home Office/Personal Workspace: Candidates will establish their own productive workspace, emphasizing autonomy and self-management.

• Digital Collaboration Tools: The environment will heavily rely on digital collaboration platforms (e.g., Slack, Zoom, Figma, Jira, Asana) for communication, design reviews, and project management.

• Cross-functional Interaction: While remote, there will be frequent digital interactions with senior designers, developers, and potentially product managers, fostering a connected team environment despite the physical distance.

Work Schedule: While the core work is 40 hours per week, the emphasis on autonomy suggests flexibility in daily scheduling. However, candidates should be prepared to align with U.S. East Coast time zones for critical meetings, collaborations, and developer handoffs, especially given the client's location.

📝 Enhancement Note: The description of the work environment is centered around the fully remote nature of the job. It highlights the need for self-discipline and proficiency with digital collaboration tools, which are standard for remote design roles. The mention of aligning with U.S. time zones is a practical consideration for remote work with international clients.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A preliminary review of your application, resume, and portfolio to assess basic qualifications and experience.

• Portfolio Presentation & Technical Interview: Expect a session where you present your portfolio, focusing on mobile UI examples, Figma file organization, and design system application. This will likely include technical questions about Figma features, design system principles, and your process for developer handoff.

• Practical Design Challenge: A potential design exercise, possibly involving a small UI task or a critique of an existing interface, to evaluate your problem-solving skills, attention to detail, and adherence to guidelines.

• Team/Client Interview: An opportunity to meet with the hiring manager, senior designers, and potentially client representatives to assess cultural fit, communication skills, and alignment with the team's working style.

Portfolio Review Tips:

• Curate for Relevance: Showcase 2-3 strong mobile UI projects that highlight your Figma skills, design system application, and developer handoff capabilities. Prioritize quality over quantity.

• Demonstrate Figma Proficiency: Include screenshots or walkthroughs of your Figma files, highlighting Auto Layout, component structures, variants, and library organization. Be prepared to explain your file structure and reasoning.

• Detail Your Process: For each project, clearly articulate the problem, your role, the design process (even if execution-focused), the tools used (especially Figma), and the outcome. For this role, emphasize how you translated requirements into precise UI and maintained consistency.

• Showcase Design System Work: If possible, include examples of how you've used or contributed to a design system, including custom components, variants, and documentation.

• Prepare for Developer Handoff Questions: Be ready to discuss how you prepare designs for developers, what information you include, and how you collaborate with them during implementation.

Challenge Preparation:

• Figma Mastery: Practice common Figma tasks such as creating components, variants, using Auto Layout, and structuring libraries efficiently.

• Design System Principles: Refresh your understanding of HIG and Material Design guidelines, as well as general principles of design system architecture and maintenance.

• Problem-Solving: Think about how you would approach common UI challenges, such as ensuring accessibility, maintaining consistency across complex flows, or adapting designs for different screen sizes.

• Communication: Practice articulating your design decisions clearly and concisely, especially when explaining technical aspects of your work or critiquing designs.

📝 Enhancement Note: This section provides actionable advice tailored to the specific requirements of the role, emphasizing the portfolio's importance and the likely interview stages. The focus on Figma, design systems, and developer handoff is reiterated as critical for interview success.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: This is the core design tool for this role. Proficiency in its advanced features like Auto Layout, Components, Variants, Instance Swapping, Prototyping, and Component Libraries is paramount.

• Design System Management: Experience with creating, maintaining, and utilizing established design systems is essential. This includes understanding component libraries, design tokens, and style guides.

Analytics & Reporting:

• While not a primary focus for this role, familiarity with how design choices impact user analytics and conversion rates is beneficial. Understanding how to interpret data from tools like Google Analytics or Amplitude might be a plus. CRM & Automation:

• Project Management Tools: Familiarity with tools like Jira, Asana, or Trello for task management, bug tracking, and workflow organization is expected for collaboration with development teams.

• Communication Platforms: Proficiency with Slack, Microsoft Teams, or similar platforms for daily team communication and collaboration.

📝 Enhancement Note: The technology stack is heavily centered around Figma, reflecting its dominance in modern UI design workflows. The inclusion of design system management and project management tools provides a comprehensive view of the technical environment. The "Analytics & Reporting" section is noted as less critical for this specific role but still relevant contextually.

👥 Team Culture & Values

Operations Values:

• Detail-Oriented Execution: A core value is the commitment to precision and accuracy in design execution, ensuring that every UI element is crafted to specification.

• Consistency & Standardization: Emphasis on upholding the integrity of the design system and brand guidelines across all mobile interfaces to provide a unified user experience.

• Collaboration & Communication: A strong belief in open communication and teamwork, particularly between design and development, to achieve shared project goals efficiently.

• Efficiency & Organization: Valuing well-organized design files and streamlined processes that facilitate quick and accurate developer handoffs, contributing to overall project velocity.

• Continuous Improvement: An openness to refining the design system and workflows based on feedback and evolving best practices in mobile design.

Collaboration Style:

• Cross-functional Integration: The role requires close and continuous collaboration with senior designers and mobile developers, ensuring design intent is clearly understood and accurately implemented.

• Feedback-Driven: An environment where constructive feedback is welcomed and utilized to improve designs and the design system itself.

• Structured Communication: Communication will likely be managed through digital channels, with clear expectations for responsiveness and information sharing to maintain project momentum.

📝 Enhancement Note: The culture and values are inferred from the job description's emphasis on detail, consistency, collaboration with developers, and system maintenance. This paints a picture of a team that values precision, teamwork, and efficient delivery within established frameworks.

⚡ Challenges & Growth Opportunities

Challenges:

• Maintaining Visual Consistency Across Platforms: Ensuring that designs for iOS and Android, while adhering to platform guidelines, also maintain a cohesive look and feel aligned with the client's brand.

• Scalability of Design System: Contributing to a design system that can effectively support a large and evolving mobile product, requiring meticulous organization and foresight.

• Balancing Design Standards with Developer Implementation: Effectively communicating design intent to developers and troubleshooting implementation issues to ensure the final product matches the design vision.

• Working within Established Frameworks: For designers accustomed to full creative freedom, adapting to and meticulously executing within a pre-defined design system and brand guidelines can be a learning curve.

Learning & Development Opportunities:

• Advanced Figma Skills: Opportunity to master advanced Figma features and workflows, becoming a power user.

• Deep Dive into Design Systems: Gain comprehensive knowledge of design system architecture, maintenance, and governance from a practical application perspective.

• Mobile Platform Expertise: Enhance understanding of iOS Human Interface Guidelines and Android Material Design through daily application.

• Cross-functional Exposure: Learn about the software development lifecycle and collaborate closely with engineers, gaining insights into technical constraints and possibilities.

📝 Enhancement Note: The challenges identified are common for roles focused on design system maintenance and execution within larger organizations. The growth opportunities are framed around deepening technical skills and expanding domain knowledge within the mobile design space.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for organizing a large Figma file for a mobile application, including your approach to components, variants, and libraries." (Focus on demonstrating structured file management and Figma mastery).

• "How do you ensure visual consistency across different screens and components within a mobile application, especially when working with an established design system?" (Highlight attention to detail, adherence to guidelines, and systematic approaches).

• "Walk me through your typical developer handoff process. What information do you provide, and how do you collaborate with developers to ensure accurate implementation?" (Emphasize clarity, documentation, and proactive communication).

• "Imagine you need to translate a high-level concept or a feature description into a detailed mobile UI screen. What steps would you take, and what Figma features would you leverage?" (Showcase your execution process and tool proficiency). Company & Culture Questions:

• "What interests you about working for a global media and news organization?" (Research the client's mission and recent news).

• "How do you approach working within established brand guidelines and design systems, rather than creating designs from scratch?" (Align your answer with the role's focus on execution and system adherence).

• "Describe a time you had to collaborate closely with a developer to resolve a design implementation issue. What was the outcome?" (Demonstrate your communication and problem-solving skills in a cross-functional context). Portfolio Presentation Strategy:

• Highlight Key Projects: Select 2-3 projects that best showcase your mobile UI design skills, Figma proficiency, and experience with design systems.

• Showcase Figma Files: Be prepared to share your screen and walk through your Figma files, demonstrating your organization, component structure, and use of advanced features.

• Explain Your Role and Process: Clearly articulate your specific contributions, the tools you used, and your systematic approach to design execution and documentation.

• Focus on Detail and Consistency: Emphasize how you ensured visual accuracy, adherence to guidelines, and a smooth developer handoff in your presented work.

• Be Ready for Specific Questions: Anticipate questions about your Figma techniques, design system principles, and how you handle feedback or challenges.

📝 Enhancement Note: The interview preparation advice is highly specific to the role's requirements, guiding candidates on how to present their skills and experience effectively, particularly concerning Figma, design systems, and developer collaboration.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided application link on Ashby.

• Curate Your Portfolio: Select 2-3 of your strongest mobile UI projects that specifically highlight your Figma skills, experience with design systems, and detailed developer handoff preparation. Ensure your portfolio clearly demonstrates your ability to execute designs accurately and maintain visual consistency.

• Optimize Your Resume: Tailor your resume to emphasize your 1-3 years of experience in mobile UI/UX design, explicitly mentioning proficiency in Figma, Auto Layout, Components, Variants, and working within established design systems. Quantify achievements where possible, such as "Improved design file organization, reducing developer handoff time by X%."

• Prepare for a Figma Walkthrough: Be ready to present your Figma files live during an interview. Practice navigating your files, explaining your component structure, demonstrating Auto Layout, and discussing your approach to design system libraries and variants.

• Research Truelogic and its Client: Understand Truelogic's role as a nearshore staff augmentation provider and research the client's news and media offerings. This will help you articulate your interest and align your responses with their business context and operational needs.

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

---