Staff Product Designer (Design System)

📍 Job Overview

Job Title: Staff Product Designer (Design System)

Company: Skeelo

Location: Brazil

Job Type: Salaried Full-Time

Category: Design Operations / Product Design

Date Posted: April 29, 2026

Experience Level: Mid-Senior to Senior (5-10 years)

Remote Status: Remote OK

🚀 Role Summary

• Lead the architecture, evolution, and maintenance of a comprehensive Design System to ensure visual and technical consistency across Skeelo's product suite.

• Act as the primary guardian of component integrity, usability, and technical efficiency, leveraging advanced Figma capabilities and design system methodologies.

• Drive operational efficiency by integrating automation, AI, and scripting to optimize repetitive design tasks and streamline the design-to-development handoff process.

• Foster cross-functional collaboration by providing clear technical documentation and consultative support to product squads, ensuring alignment and reducing friction.

• Contribute to a culture of continuous improvement by actively managing feedback, maintaining the design system backlog, and conducting regular design audits.

📝 Enhancement Note: This role is focused on Design Systems, a critical component of GTM operations that ensures product consistency, brand integrity, and development efficiency. The emphasis on "Staff" level and the specific responsibilities around architecture, evolution, and technical guardianship suggest a senior individual contributor role with significant influence. The "Design Operations" category is chosen due to the role's direct impact on design processes, tooling, and cross-functional efficiency.

📈 Primary Responsibilities

• Architect and evolve foundational components (atomic elements like buttons, inputs, icons) using advanced Figma features (Auto Layout, Variants, Boolean properties) to ensure flexibility, consistency, and technical rigor.

• Curate and maintain the Design System ecosystem by sanitizing file structures, eliminating orphaned styles/outdated components, and actively managing feedback and backlog prioritization.

• Develop comprehensive technical and educational documentation, including detailed guides on component anatomy, interaction states, and developer specifications, to facilitate seamless handoffs and team alignment.

• Provide consultative support and conduct interface quality assurance (QA) for product squads, guiding component selection and adaptation to prevent technical debt and performing "Design Lint" audits to identify design-code discrepancies.

• Enhance operational efficiency through automation, utilizing AI, scripts, and plugins to optimize repetitive tasks such as layer naming, documentation translation, and state variation generation.

• Collaborate closely with engineering teams to ensure the practical implementation of design system components and to maintain alignment between design intent and code execution.

• Conduct regular audits of the product's UI to identify inconsistencies and areas for improvement within the design system framework.

• Stay abreast of industry best practices and emerging trends in design systems, component-based design, and automation tools to continuously enhance the Skeelo Design System.

📝 Enhancement Note: The primary responsibilities are heavily focused on the technical and architectural aspects of a design system, including component creation, maintenance, documentation, and quality assurance. The emphasis on "technical rigor," "developer specifications," and "code inspection" indicates a strong need for understanding the interplay between design and development, which is crucial for GTM efficiency.

🎓 Skills & Qualifications

Education: Bachelor's degree in Design, HCI, Computer Science, or a related field, or equivalent practical experience.

Experience: 5-10 years of professional experience in product design, with a significant focus on building and maintaining design systems.

Required Skills:

• Advanced proficiency in Figma, including mastery of Component Properties, Variables, and Auto Layout 5.0.

• Deep understanding of Atomic Design principles and systemic design methodologies.

• Solid grasp of accessibility standards and their application to UI components (e.g., contrast ratios, focus states, click target sizes).

• Excellent Technical Writing skills, capable of producing clear, concise, and actionable documentation for both designers and developers.

• Experience with code inspection tools, such as Chrome DevTools, for auditing CSS and understanding front-end implementation.

• Proven ability to manage complex design files and component libraries efficiently.

Preferred Skills:

• Experience with design system documentation platforms like Zeroheight or Storybook.

• Familiarity with automation plugins and scripting within Figma to enhance workflow efficiency.

• Basic understanding of front-end development concepts (HTML, CSS, JavaScript frameworks).

• Experience in conducting design audits and implementing "Design Lint" processes.

• Knowledge of design tokens and their implementation.

• Familiarity with AI tools for design workflow optimization.

📝 Enhancement Note: The requirements clearly delineate between core competencies and desirable additions. The emphasis on advanced Figma features, atomic design, technical writing, and code inspection highlights the technical depth expected for this "Staff" level role. This aligns with GTM operations by ensuring efficient handoffs and consistent user experiences.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase at least two comprehensive case studies demonstrating the design, architecture, and evolution of a significant design system or a substantial part thereof.

• Include detailed examples of component creation, variant management, and auto-layout implementation within Figma, highlighting technical proficiency.

• Provide examples of technical documentation created for design systems, illustrating clarity, completeness, and developer-centric information.

• Demonstrate experience in managing design system feedback, backlog items, and iterative improvements, showcasing process-oriented thinking.

Process Documentation:

• Documented workflows for component versioning, release management, and deprecation within a design system.

• Examples of standardized processes for design handoff to development, including specific documentation and communication protocols.

• Methodologies for conducting accessibility audits and integrating accessibility requirements into component design.

• Processes for gathering and acting upon user and developer feedback to iteratively improve the design system.

📝 Enhancement Note: A strong portfolio is critical for a role focused on design systems. The requirements emphasize demonstrable experience in building, maintaining, and documenting complex systems, along with process-oriented thinking crucial for GTM operations.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for Staff Product Designers with 5-10 years of experience in Brazil's tech sector, the estimated annual salary range is R$ 150,000 - R$ 220,000.

Benefits:

• Comprehensive Health Insurance (fully covered for employee and family, no co-participation).

• Dental Insurance.

• Life Insurance.

• Flexible Meal/Food Voucher (VA/VR) via Caju.

• Totalpass (gym and physical activity subsidy).

• ZenKlub (mental health support).

• Annual Performance Bonus (PPR) tied to goals and impact.

• Access to Skeelo Premium subscription.

• Book club membership with monthly ebook access.

• Childcare assistance.

• Extended parental leave.

• Paid holidays.

• Year-end paid recess.

• Birthday day off.

Working Hours: Standard 40-hour work week, with flexibility to accommodate remote work and asynchronous collaboration.

📝 Enhancement Note: Salary is estimated based on typical compensation for senior design roles in the Brazilian tech market. The benefits package is extensive, indicating a strong focus on employee well-being and work-life balance, which is attractive for retaining specialized talent in operations-adjacent roles.

🎯 Team & Company Context

🏢 Company Culture

Industry: EdTech / Publishing / Digital Content (Skeelo provides digital book access and reading platforms).

Company Size: [Company Size Not Provided - Inferred as Medium to Large based on comprehensive benefits and structured roles.]

Founded: [Company Founded Date Not Provided - Skeelo appears to be an established player in the Brazilian digital content market.]

Team Structure:

• The Design team is integral to Skeelo's product development, likely comprising product designers, UX researchers, and potentially UI/UX specialists.

• This role, as Staff Product Designer (Design System), implies a senior, specialized position within the design function, possibly reporting to a Head of Design or Design Lead.

Methodology:

• Skeelo likely employs agile development methodologies, requiring iterative design processes and close collaboration with development sprints.

• The emphasis on a Design System suggests a commitment to scalable, efficient product development and a data-informed approach to design improvements.

• Processes for feedback collection, design QA, and continuous iteration are likely foundational to their operations.

Company Website: https://skeelo.com/pt/carreiras/

📝 Enhancement Note: Skeelo's focus on digital content and reading access suggests a mission-driven company. The emphasis on a robust design system indicates a mature product organization that values consistency, scalability, and efficiency in its GTM efforts.

📈 Career & Growth Analysis

Operations Career Level: This Staff Product Designer role represents a senior individual contributor path within the design function, focusing on specialized expertise in design systems. It's a critical GTM-enabling role that provides the foundational framework for consistent product experiences.

Reporting Structure: Likely reports to a Head of Design or Design Lead, with strong cross-functional collaboration with Product Management and Engineering.

Operations Impact: The design system directly impacts the speed of feature development, the consistency of user experience across all Skeelo products, and the overall brand perception. This role is pivotal in ensuring the GTM strategy is executed with a high-quality, cohesive product.

Growth Opportunities:

• Deepen expertise in design systems, potentially leading to a Design Systems Lead or Manager role.

• Expand into broader product design leadership or strategy roles.

• Develop expertise in related areas such as accessibility, design automation, or front-end development liaison.

• Contribute to establishing and refining design operations processes and best practices within Skeelo.

📝 Enhancement Note: The "Staff" title indicates a senior individual contributor role with potential for mentorship and influence, representing a significant career step in specialized design operations.

🌐 Work Environment

Office Type: While remote is an option, Skeelo likely maintains a professional office environment in Brazil for those who prefer or require it for hybrid arrangements.

Office Location(s): Brazil (specific city not provided, but likely a major tech hub).

Workspace Context:

• A collaborative environment is implied, with strong cross-functional interaction between design, product, and engineering teams.

• Access to modern design and collaboration tools is expected.

• Emphasis on creating a supportive and growth-oriented atmosphere, as indicated by extensive benefits.

Work Schedule: Standard full-time hours (40 hours/week) with flexibility, suitable for remote or hybrid work, allowing for deep work sessions essential for design system development and analysis.

📝 Enhancement Note: The remote-friendly nature combined with a strong benefits package suggests a modern, employee-centric work environment that values both autonomy and collaborative output.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Resume and portfolio review to assess experience with design systems, Figma proficiency, and technical documentation skills.

• Technical Interview: Deep dive into design system architecture, component design patterns, atomic design principles, Figma advanced features, and accessibility. May include a live Figma exercise.

• Design System Case Study Presentation: Candidates will likely present a portfolio case study focusing on a design system they've built or significantly contributed to, detailing their role, process, challenges, and outcomes.

• Cross-functional Interview: Discussion with Product Managers and Engineers to assess collaboration style, communication skills, and understanding of the design-to-development handoff process.

• Cultural Fit/Final Interview: Conversation with design leadership to evaluate alignment with Skeelo's values and team dynamics.

Portfolio Review Tips:

• Clearly articulate your specific role and contributions in each case study, especially regarding design system ownership and evolution.

• Showcase the technical depth of your Figma work (e.g., complex auto-layout setups, variant structures, property usage).

• Highlight examples of technical documentation and how it facilitated developer adoption and reduced friction.

• Be prepared to discuss the challenges you faced in building or maintaining a design system and how you overcame them.

Challenge Preparation:

• Be ready for a practical design exercise, likely involving component creation or refinement within Figma, possibly with specific constraints or requirements.

• Prepare to discuss how you would approach auditing an existing UI for design system adherence and identifying areas for improvement.

• Practice articulating complex design decisions and technical specifications clearly and concisely.

📝 Enhancement Note: The interview process strongly emphasizes practical design system skills, technical proficiency, and the ability to communicate effectively with both design and engineering stakeholders, crucial for operational alignment.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Core tool for design, component creation, prototyping, and design system management. Advanced proficiency in Component Properties, Variables, and Auto Layout 5.0 is essential.

• Design System Documentation Platforms: Zeroheight, Storybook (preferred, but familiarity is key).

• Automation & Scripting: Plugins for Figma, potential use of AI tools, scripting (e.g., JavaScript for Figma plugins).

Analytics & Reporting:

• Chrome DevTools: For CSS inspection and front-end code auditing.

• Design Linting Tools: Tools or custom processes for auditing UI consistency against design system rules.

CRM & Automation:

• Project Management Tools: Jira, Asana, or similar for backlog management and task tracking.

• Collaboration Tools: Slack, Microsoft Teams for daily communication.

📝 Enhancement Note: The tech stack is heavily design-centric, with a strong emphasis on Figma and tools that support design system implementation and maintenance. This is core to ensuring efficient GTM execution.

👥 Team Culture & Values

Operations Values:

• Consistency & Integrity: Upholding the visual and technical standards of the design system across all products.

• Efficiency & Automation: Driving operational improvements through smart use of tools and processes.

• Collaboration & Communication: Fostering strong partnerships with engineering and product teams.

• User-Centricity & Accessibility: Ensuring products are usable, accessible, and provide excellent user experiences.

• Continuous Improvement: Actively seeking feedback and iterating on the design system and related processes.

Collaboration Style:

• Highly collaborative, working closely with product managers and front-end developers to ensure seamless integration of design system components.

• Proactive in sharing knowledge, providing support, and educating other teams on design system best practices.

• Embraces a feedback-driven approach to design system evolution.

📝 Enhancement Note: The culture emphasizes operational excellence through design consistency, efficiency, and strong cross-functional collaboration, aligning with the core tenets of GTM operations.

⚡ Challenges & Growth Opportunities

Challenges:

• Maintaining Scalability: Ensuring the design system can scale effectively as Skeelo's product suite and team grow.

• Cross-Team Adoption: Driving consistent adoption of the design system across multiple product squads with varying levels of technical understanding.

• Balancing Innovation & Consistency: Introducing new features and design patterns while maintaining the integrity and technical constraints of the existing system.

• Technical Debt Management: Identifying and mitigating technical debt within the design system and product implementations.

• Automation Implementation: Effectively integrating AI and scripting to deliver tangible efficiency gains without compromising quality.

Learning & Development Opportunities:

• Deepen expertise in advanced Figma features and design system architectural patterns.

• Explore and implement cutting-edge automation techniques for design workflows.

• Gain exposure to front-end development practices and technologies to bridge the design-code gap.

• Develop mentorship skills by guiding junior designers and educating development teams.

• Contribute to the strategic direction of design operations at Skeelo.

📝 Enhancement Note: The challenges are typical for a senior design system role, requiring strategic thinking and problem-solving skills directly relevant to operational efficiency and product scalability.

💡 Interview Preparation

Strategy Questions:

• "Describe your approach to architecting a new design system from scratch or significantly evolving an existing one." (Focus on atomic design, component structure, versioning, and documentation strategy.)

• "How do you ensure consistency and prevent technical debt when multiple teams are using and contributing to the design system?" (Discuss QA processes, audits, contribution guidelines, and communication.)

Company & Culture Questions:

• "What interests you about Skeelo and our mission?" (Research Skeelo's products and impact on reading access.)

• "How do you approach collaboration with engineering teams, especially when discussing technical constraints or implementation details?" (Emphasize partnership, clear communication, and understanding of development realities.)

Portfolio Presentation Strategy:

• Structure your presentation logically: problem, your role, solution (design system), process, challenges, and outcomes.

• For each case study, clearly delineate your specific contributions and decision-making rationale.

• Be prepared to dive deep into the technical aspects of your Figma files and documentation.

• Use clear, concise language, avoiding jargon where possible, or explaining it thoroughly.

• Practice your presentation to ensure it flows well and fits within the allotted time.

📝 Enhancement Note: Preparation should focus on demonstrating deep technical expertise in design systems, strong communication skills for cross-functional collaboration, and a strategic understanding of how design systems enable efficient GTM operations.

📌 Application Steps

To apply for this Staff Product Designer position:

• Submit your application through the provided link on the Skeelo careers page.

• Portfolio Customization: Ensure your portfolio prominently features design system case studies, highlighting your technical Figma skills, documentation examples, and process for managing system evolution. Tailor your case study selection to showcase experience relevant to Skeelo's product domain if possible.

• Resume Optimization: Update your resume to emphasize experience with design systems, component architecture, Figma mastery, technical writing, and cross-functional collaboration. Use keywords from the job description like "Design System," "Atomic Design," "Figma," and "Technical Writing."

• Interview Preparation: Practice articulating your design system philosophy, technical approach, and collaboration strategies. Prepare to walk through your portfolio case studies in detail, focusing on process, challenges, and impact.

• Company Research: Familiarize yourself with Skeelo's products, mission, and company culture. Understand their position in the EdTech/publishing market and how a strong design system contributes to their GTM success.

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

---