Product Designer, Visual Systems

📍 Job Overview

Job Title: Product Designer, Visual Systems

Company: Roblox

Location: San Mateo, CA, United States

Job Type: Full-time

Category: Product Design / Visual Systems

Date Posted: April 27, 2026

Experience Level: Mid-Level (2-5 years)

Remote Status: Hybrid (Onsite Tuesday, Wednesday, Thursday)

🚀 Role Summary

• Evolve and maintain the core visual design language, including iconography, typography, and color systems, for a global platform used by tens of millions daily.

• Partner closely with cross-functional teams of product designers, engineers, and brand designers to integrate and scale design systems across new and existing features.

• Develop and document reusable design assets, patterns, and clear guidance to ensure consistency, accessibility, and performance across all Roblox experiences.

• Lead visual quality assurance (QA) for owned areas of the visual system, ensuring adherence to design standards and brand identity.

📝 Enhancement Note: This role is crucial for maintaining brand consistency and user experience quality at scale for a platform with a massive user base. The emphasis on "systemized visual work at product scale" and "evolving visual primitives and patterns" indicates a need for a designer who can think systematically and contribute to a mature design system.

📈 Primary Responsibilities

• Develop and refine visual primitives such as color palettes, typographic scales, iconography sets, and motion guidelines.

• Create, manage, and evolve icons within the Roblox Builder Icon Library, ensuring a cohesive and scalable icon system.

• Translate visual system elements into practical, usable assets, specifications, and comprehensive documentation for internal design and engineering teams.

• Collaborate with product designers and engineers throughout the feature development lifecycle, from initial concept exploration to final launch, ensuring accurate implementation of visual systems.

• Conduct thorough visual quality assurance (QA) for assigned areas of the product, identifying and rectifying inconsistencies, accessibility issues, and performance concerns.

• Proactively identify opportunities to enhance design craft and user experience through improved assets, patterns, and implementation details.

• Align product visual expression with brand identity by collaborating closely with Brand Design and Foundation partners.

📝 Enhancement Note: The responsibilities highlight a blend of strategic system design and tactical execution. The need to "partner through implementation" and "lead visual QA" suggests a hands-on role that bridges the gap between design creation and product delivery, ensuring fidelity and performance.

🎓 Skills & Qualifications

Education: While not explicitly stated, a Bachelor's degree in Design, Graphic Design, Human-Computer Interaction, or a related field is typically expected for mid-level design roles. Equivalent practical experience will also be considered.

Experience:

• 3+ years of professional experience in visual design or product design.

• Proven track record of systemized visual design work at a product scale, demonstrated through a strong portfolio.

• Experience in building, managing, and executing iconography systems.

Required Skills:

• Expertise in visual design craft, with a strong foundation in grid systems, typography, color theory, iconography, and motion design.

• Ability to systematize visual elements (color, typography, iconography, motion, grid, shape).

• High proficiency in Figma and other relevant visual design and prototyping tools.

• Strong communication skills, with a demonstrated ability to document design decisions and guidelines clearly.

• Collaborative mindset and experience working effectively with cross-functional teams (product design, engineering, brand design).

• Understanding of design system principles and their application at scale.

Preferred Skills:

• Experience with motion design tools and principles.

• Knowledge of front-end development concepts to better inform design implementation.

• Experience working in the gaming or immersive digital experiences industry.

• Familiarity with design language systems (DLS) or similar frameworks.

📝 Enhancement Note: The "3+ years" requirement, combined with the emphasis on systemized work and Figma proficiency, positions this as a mid-level role. The ability to "systematize each" visual element is key, indicating a need for more than just aesthetic skill; it requires a systematic and analytical approach to design.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase at least 3-4 distinct projects demonstrating systemized visual design work at product scale.

• Include examples of evolving or creating visual primitives such as color, typography, iconography, and motion.

• Detail your process for translating these primitives into reusable assets, patterns, and design specifications.

• Provide specific examples of how your work has improved consistency, accessibility, and performance across a product or platform.

Process Documentation:

• Clearly articulate your design process for each portfolio project, emphasizing the stages of research, ideation, systemization, collaboration, implementation, and iteration.

• For iconography projects, show the process from conceptualization to final asset delivery and integration.

• Highlight how you create and maintain design documentation, including style guides, pattern libraries, and specification documents.

• Illustrate how you conduct visual QA and ensure adherence to design systems.

📝 Enhancement Note: A strong portfolio is paramount for this role. The emphasis on "systemized visual work at product scale" and "evolving visual primitives" means candidates should highlight projects where they've contributed to or built design systems, not just individual UI elements. Demonstrating the impact of their systemized approach is critical.

💵 Compensation & Benefits

Salary Range: $140,450 - $176,940 USD annually.

Benefits:

• Equity compensation (stock options or grants).

• Comprehensive health benefits, including medical, dental, and vision insurance.

• Paid time off and holidays.

• Potential for other benefits such as 401(k) matching, wellness programs, and professional development stipends, as common at companies of Roblox's size and industry.

Working Hours: Full-time position, typically around 40 hours per week. The role is hybrid, requiring 3 days per week in the San Mateo office (Tuesday, Wednesday, Thursday) with optional presence on Monday and Friday.

📝 Enhancement Note: The salary range provided is specific to San Mateo, CA, and reflects industry standards for a mid-level Product Designer with specialized visual systems experience at a well-established tech company. The inclusion of equity compensation is standard for roles at this level in publicly traded tech firms.

🎯 Team & Company Context

🏢 Company Culture

Industry: Gaming, Technology, Social Media, Metaverse Development. Roblox operates at the intersection of these rapidly evolving sectors, creating immersive digital experiences and a platform for user-generated content.

Company Size: Large (likely 1,000-5,000+ employees based on the scale of operations and public presence). This implies established processes, dedicated teams for various functions, and significant resources.

Founded: 2004. Its long history in the gaming space provides a mature understanding of player engagement and platform evolution.

Team Structure:

• The Visual Systems team is part of the larger Design Studio organization.

• This multidisciplinary team includes Brand Designers, Motion Designers, and Editors, indicating a collaborative environment focused on holistic brand and product expression.

• The role reports to the Head of Design Studio, suggesting a clear reporting hierarchy and strategic oversight.

Methodology:

• Data-driven decision-making is implied, with a focus on user experience, performance, and scalability for millions of users.

• A systematic approach to design is central to the Visual Systems team's function, ensuring consistency and quality.

• Emphasis on documentation and clear guidance to enable adoption by other teams.

• Iterative design processes, involving feedback loops with cross-functional partners and user insights.

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

📝 Enhancement Note: Roblox's culture is likely fast-paced, innovative, and user-centric, given its position as a leader in the metaverse and gaming space. The emphasis on "connecting a billion people with optimism and civility" suggests a strong focus on safety and positive social interactions within its platform.

📈 Career & Growth Analysis

Operations Career Level: Mid-Level Product Designer. This role is for an individual contributor with 3+ years of experience, focusing on specialized visual systems design. It requires the ability to independently manage specific areas of the design system while collaborating on broader initiatives.

Reporting Structure: Reports to the Head of Design Studio. This provides direct mentorship and strategic alignment with the broader design vision of the company. The role also involves significant collaboration with Product Designers and Engineers who may be on different teams or reporting structures.

Operations Impact: The work directly impacts the visual quality, consistency, and user experience of the Roblox platform, which is central to user engagement and retention. By building and maintaining robust visual systems, this role enables millions of creators and users to have a seamless and visually cohesive experience, contributing to the platform's overall success and brand perception.

Growth Opportunities:

• Specialization: Deepen expertise in visual systems, potentially focusing on areas like advanced iconography, motion design systems, or accessibility standards within design systems.

• Leadership: Progress to a Senior Product Designer role, leading larger initiatives, mentoring junior designers, and contributing more significantly to design strategy.

• Cross-functional Exposure: Gain experience working across different product areas or on foundational design system components, leading to broader product understanding.

• Management Track: With significant experience and demonstrated leadership, a path toward Design Lead or Manager roles could be possible.

📝 Enhancement Note: This role offers a clear path for growth within a specialized design discipline. The opportunity to influence the visual identity of a platform with such a vast user base is significant. The hybrid work model might also appeal to those seeking a balance between in-office collaboration and personal flexibility.

🌐 Work Environment

Office Type: The role is hybrid, requiring presence in the San Mateo, CA office on Tuesdays, Wednesdays, and Thursdays. This suggests a collaborative office environment designed to foster teamwork and spontaneous interaction, balanced with remote flexibility.

Office Location(s): San Mateo, California, United States. This location is in the heart of the San Francisco Bay Area, a hub for technology and design innovation.

Workspace Context:

• The office environment is likely designed to facilitate collaboration, with common areas, meeting rooms, and potentially open-plan desk arrangements.

• Access to state-of-the-art design tools and technology, including Figma and potentially other specialized software for motion and asset creation.

• Opportunities for direct interaction with other design disciplines (Brand, Motion) and engineering teams, fostering a dynamic and integrated workflow.

• The hybrid model allows for focused, independent work at home on Mondays and Fridays, while leveraging the office for team collaboration and brainstorming.

Work Schedule: The hybrid schedule (3 days in-office, 2 days remote) offers flexibility. Standard working hours are expected, with potential for occasional overtime depending on project deadlines. The emphasis on documentation and systemization suggests a culture that values efficiency and clear communication throughout the work week.

📝 Enhancement Note: The hybrid model is a key aspect of the work environment, indicating a company that embraces modern work practices while valuing in-person collaboration. This setup is often preferred by designers who benefit from both focused individual work and team synergy.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screen: A recruiter or hiring manager will review your application and portfolio, focusing on relevant experience and system design capabilities.

• Portfolio Review: A dedicated session with design leads or senior designers to walk through your portfolio. Be prepared to discuss your process, design decisions, and the impact of your work, especially concerning visual systems and scalability.

• Design Challenge/Exercise: You may be asked to complete a take-home design challenge or a live exercise focused on visual systems, iconography, or problem-solving related to design language.

• Cross-functional Interviews: Interviews with Product Designers and Engineers to assess collaboration skills, technical understanding, and ability to integrate visual systems into product development.

• Hiring Manager Interview: A final discussion with the Head of Design Studio to assess cultural fit, strategic thinking, and alignment with the team's vision.

Portfolio Review Tips:

• Highlight System Thinking: Clearly showcase projects where you've built, evolved, or significantly contributed to a design system, visual primitives, or iconography libraries.

• Detail Your Process: For each project, explain your approach, the challenges you faced, the decisions you made, and the rationale behind them. Use case studies to illustrate your problem-solving skills.

• Quantify Impact: Where possible, use metrics or qualitative feedback to demonstrate the positive impact of your visual system work (e.g., increased consistency, improved efficiency for other designers, enhanced user perception).

• Showcase Figma Proficiency: Demonstrate your mastery of Figma, including component creation, auto-layout, prototyping, and collaboration features.

• Focus on Collaboration: Provide examples of how you've worked with engineers and other designers, especially in integrating visual systems into products.

Challenge Preparation:

• System Design: Be ready to design or evolve a small set of visual elements (e.g., icons, a typographic scale, color variations) based on a given brief.

• Problem-Solving: Anticipate questions about how you would address inconsistencies in a visual system or how you would ensure accessibility.

• Documentation: Practice articulating how you would document your design decisions and create guidelines for others.

• Communication: Prepare to present your work clearly and concisely, justifying your design choices and addressing feedback constructively.

📝 Enhancement Note: The interview process will heavily scrutinize your portfolio for evidence of systematic design thinking and practical implementation experience. Be prepared to articulate not just what you designed, but how and why, especially in the context of a large-scale platform.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for UI design, prototyping, component creation, and collaborative design system development. Proficiency is a core requirement.

• Adobe Creative Suite (Illustrator, Photoshop): Likely used for advanced asset creation, icon refinement, and potentially brand-aligned visual work.

• Prototyping Tools: Beyond Figma, familiarity with tools like Principle, ProtoPie, or After Effects might be beneficial for complex motion sequences or interactive prototypes.

Analytics & Reporting:

CRM & Automation:

• Not directly relevant to this design role, but awareness of how design systems integrate with development workflows and potentially content management systems can be beneficial.

📝 Enhancement Note: Figma is explicitly mentioned as a required tool. Emphasis should be placed on demonstrating advanced Figma skills, particularly in building and maintaining design systems (components, variants, styles, auto-layout).

👥 Team Culture & Values

Operations Values:

• Craftsmanship & Quality: A commitment to high visual standards in every detail, from icons to typography.

• System Thinking & Scalability: Designing with a focus on creating robust, reusable systems that can scale across a massive platform.

• Collaboration & Transparency: Working effectively with cross-functional partners, sharing knowledge, and being open to feedback.

• User Focus & Accessibility: Prioritizing the user experience and ensuring designs are accessible to all users.

• Innovation & Impact: Being energized by the opportunity to shape a visual language that impacts millions of users globally.

Collaboration Style:

• Highly collaborative, working closely with product designers, engineers, brand designers, and potentially editors.

• Emphasis on clear communication, documentation, and shared understanding of design principles.

• A culture of constructive feedback and iterative improvement.

• Cross-functional integration is key to ensuring design systems are effectively adopted and implemented.

📝 Enhancement Note: The values of "craftsmanship," "system thinking," and "collaboration" are central to this role. Candidates should be prepared to articulate how they embody these values in their daily work and past projects.

⚡ Challenges & Growth Opportunities

Challenges:

• Maintaining Consistency at Scale: Ensuring a cohesive visual language across a vast and rapidly evolving platform with numerous features and contributors.

• Balancing System Needs with Product Needs: Integrating the visual system effectively into diverse product features while allowing for necessary product-specific adaptations.

• Cross-functional Alignment: Gaining buy-in and ensuring accurate implementation of design systems across multiple teams with varying priorities and technical constraints.

• Keeping Pace with Evolving Trends: Continuously updating and refining the visual system to remain modern, relevant, and performant.

Learning & Development Opportunities:

• Deep Dive into Design Systems: Gaining advanced expertise in building and managing complex design systems.

• Cross-Disciplinary Learning: Collaborating with brand designers, motion designers, and potentially engineers to broaden skill sets and understanding.

• Industry Best Practices: Staying abreast of the latest trends in visual design, iconography, typography, and design system methodologies.

• Mentorship: Learning from senior designers and leaders within the Design Studio.

• Platform Impact: Gaining deep insight into the unique challenges and opportunities of designing for immersive digital experiences and a global user base.

📝 Enhancement Note: The primary challenge lies in the scale and complexity of the Roblox platform. Candidates should demonstrate an understanding of these challenges and how their systematic approach can address them. Growth opportunities are strong for those who excel in this specialized area.

💡 Interview Preparation

Strategy Questions:

• "How would you approach evolving our existing icon library to include new metaphors and maintain consistency?" (Focus on process, systematic approach, collaboration with product teams).

• "Describe a time you had to advocate for a design system principle to a skeptical engineer or product manager. How did you gain their buy-in?" (Focus on communication, rationale, demonstrating value).

• "Given a new feature requiring unique visual elements, how would you determine whether to create a new pattern or adapt an existing one within our visual system?" (Focus on decision-making framework, system thinking, scalability).

Company & Culture Questions:

• "What excites you most about Roblox's mission and its role in shaping the future of human interaction?" (Show genuine interest and alignment with company values).

• "How do you envision your role contributing to the overall quality and coherence of the Roblox experience?" (Connect your skills to the platform's impact).

Portfolio Presentation Strategy:

• Structure: Begin with a high-level overview of your design philosophy and focus on visual systems. Then, dive into 2-3 key projects, dedicating ample time to each.

• Storytelling: For each project, clearly outline the problem, your role, your process, the solutions you designed, and the outcomes (impact).

• System Focus: Emphasize your contributions to design systems, pattern libraries, and reusable assets. Show how your work enabled others.

• Visuals: Use high-fidelity mockups, prototypes, and clear documentation examples. For iconography, show the full set and how they function together.

• Figma Demonstration: Be prepared to navigate your Figma files to show component structure, variants, auto-layout, and collaborative workflows.

• Q&A: Anticipate questions about your design decisions, trade-offs, and how you handle feedback.

📝 Enhancement Note: The interview process will likely test your ability to think systematically, communicate complex design ideas clearly, and demonstrate practical application of design system principles. Your portfolio should be the primary tool for showcasing these capabilities.

📌 Application Steps

To apply for this Product Designer, Visual Systems position:

• Visit the Roblox Careers page and locate the job posting for "Product Designer, Visual Systems."

• Submit your application through the provided link, ensuring all required fields are completed accurately.

• Portfolio Customization: Tailor your portfolio to prominently feature projects demonstrating your experience with visual systems, iconography, typography, and scalable design. Prioritize examples that showcase your systematic approach and proficiency in Figma.

• Resume Optimization: Update your resume to highlight keywords from the job description, such as "Visual Systems," "Product Design," "Figma," "Iconography," "Design Systems," "Scalability," and "Accessibility." Quantify achievements where possible.

• Interview Preparation: Practice presenting your portfolio, focusing on clear articulation of your design process, decision-making rationale, and the impact of your work. Prepare to discuss your experience with hybrid work and cross-functional collaboration.

• Company Research: Familiarize yourself with Roblox's platform, mission, and recent developments. Understand their design philosophy and how visual systems contribute to the user experience of millions.

⚠️ Important Notice: This enhanced job description provides a comprehensive overview based on the provided data and industry best practices. Specific details regarding interview stages, team dynamics, and exact technical requirements should be confirmed directly with the Roblox hiring team during the application process.