Visual Designer - Design System & Component Design

📍 Job Overview

Job Title: Visual Designer - Design System & Component Design

Company: General Motors

Location: Austin, Texas, United States

Job Type: Full time

Category: Design Operations / Product Design Operations

Date Posted: 2026-07-28

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

Remote Status: Hybrid

🚀 Role Summary

• This role is critical for the evolution and maintenance of the GM Design System, focusing on the creation and governance of reusable components and patterns.

• You will be instrumental in ensuring visual consistency, accessibility, and high-fidelity implementation across GM's diverse digital product ecosystem, including vehicle OS, web, and mobile platforms.

• This position requires a strong blend of design craft, systems thinking, and collaborative acumen, with a deep understanding of Figma and its advanced features for library management.

• The role involves close partnership with engineering teams to translate design system assets into functional, scalable user interfaces, ensuring adherence to modern design principles and best practices.

📝 Enhancement Note: While the title is "Visual Designer," the responsibilities and emphasis on design systems, component design, and collaboration with engineers position this role firmly within the operational aspects of design, akin to Design Operations or Product Design Operations within a large, complex organization like General Motors. The focus on scalability, documentation, and system governance is a hallmark of operations-oriented design roles.

📈 Primary Responsibilities

• Design, develop, and maintain a comprehensive suite of reusable UI components and design patterns within the GM Design System to ensure brand consistency and product interoperability.

• Architect and manage shared Figma libraries, including UI kits, design tokens, and detailed documentation, ensuring a single source of truth for design assets.

• Create and refine component specifications, usage guidelines, and best practices to facilitate seamless adoption by product designers and developers across various product teams.

• Collaborate extensively with front-end engineers to ensure accurate, efficient, and high-fidelity implementation of design system components, bridging the gap between design and development.

• Conduct regular design audits of existing digital products to identify inconsistencies, propose system enhancements, and ensure adherence to accessibility standards (WCAG).

• Partner with product designers, brand teams, and engineers across vehicle operating systems, web, and mobile applications to foster a unified design language and promote system adoption.

• Champion best practices in systems design, tooling, asset management, and design-to-development handoff workflows within the organization.

• Develop and maintain clear, concise documentation for all components, patterns, and guidelines within the design system, making it accessible and actionable for all stakeholders.

• Translate complex design requirements and user feedback into elegant, scalable, and well-documented design solutions that align with modernism and systems thinking principles.

📝 Enhancement Note: The responsibilities clearly indicate a focus on operationalizing design at scale. The emphasis on "maintaining," "managing shared libraries," "creating documentation," and "partnering with engineers" highlights the operational aspects of design systems, which are crucial for large enterprises like GM to ensure efficiency and consistency across a broad product portfolio.

🎓 Skills & Qualifications

Education:

• Bachelor’s degree in Human-Computer Interaction (HCI), Graphic Design, Visual Design, Interaction Design, Product Design, Computer Science, or a closely related field; equivalent practical experience will also be considered. Experience:

• Minimum of 3 years of professional experience in digital product design, with a significant and demonstrable focus on designing and maintaining design systems and component-based architectures. Required Skills:

• Deep Expertise in Figma: Proven ability to leverage advanced Figma features including Auto Layout, Variants, Components, Styles, Design Tokens, and robust library management for scalable design workflows.

• Design System Development: Extensive experience in creating, evolving, and documenting design systems, including reusable components, patterns, and style guides.

• Component-Based Design: Strong understanding and practical application of designing modular, scalable, and maintainable UI components for web, mobile, and software applications.

• Visual Design Principles: Solid command of typography, visual hierarchy, color theory, grid systems, and UI best practices to create intuitive and aesthetically pleasing interfaces.

• Accessibility Standards: Familiarity with Web Content Accessibility Guidelines (WCAG) and experience designing accessible digital products.

• Design Documentation: Skill in creating clear, comprehensive, and actionable documentation for design systems, components, and usage guidelines.

• Systems Thinking: Ability to approach design challenges with a holistic, systems-oriented mindset, focusing on scalability, consistency, and long-term maintainability.

• Collaboration & Communication: Excellent verbal and written communication skills, with a proven ability to collaborate effectively with cross-functional teams, including product designers, engineers, and brand strategists.

• Adobe Illustrator Proficiency: Strong skills in Adobe Illustrator for vector-based design, iconography, and asset creation.

Preferred Skills:

• Design Token Implementation: Experience with defining and implementing design tokens across different platforms and technologies.

• Prototyping Tools: Familiarity with prototyping tools for creating interactive click-throughs and user flow demonstrations.

• Responsive & Adaptive Design: Understanding of designing for various screen sizes and devices, implementing responsive and adaptive UI patterns.

• Versioning & File Hygiene: Experience with version control strategies, rigorous file organization, and robust naming conventions for design assets.

• Front-end Development Understanding: Basic understanding of front-end development principles (HTML, CSS, JavaScript) to facilitate effective collaboration with engineers.

• Modernism Affinity: An appreciation for modernist design principles and their application in contemporary digital product design.

📝 Enhancement Note: The required skills emphasize hands-on proficiency with core design operations tools and methodologies. The inclusion of "Systems Thinking" and "Design System Development" as core requirements, alongside practical tools like Figma and Adobe Illustrator, clearly defines this as an operations-focused design role. The preference for "design token implementation" and "front-end development understanding" further solidifies this.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Design System Case Study: A dedicated section showcasing your experience in building or significantly contributing to a design system. This should detail the problem, your approach, the components designed, challenges overcome, and the impact on product consistency and team efficiency.

• Component Design Examples: Clear examples of individual UI components you've designed, illustrating their reusability, flexibility (e.g., using variants, auto layout), and adherence to design principles.

• Figma Library Showcase: Visual examples or descriptions of Figma libraries you've managed, highlighting organization, structure, use of components, variants, auto layout, and potentially design tokens.

• Documentation Samples: Examples of design system documentation, usage guidelines, or component specifications you have created, demonstrating clarity, completeness, and actionable advice for users.

• Cross-Functional Collaboration Evidence: Examples or descriptions of how you've collaborated with engineers and other stakeholders to ensure high-fidelity implementation and system adoption.

Process Documentation:

• Workflow Design for Systems: Showcase your ability to map out and optimize workflows related to design system contribution, maintenance, and adoption. This includes detailing processes for component ideation, design, development handoff, and iteration.

• System Governance & Evolution: Provide examples or descriptions of how you've contributed to the governance of a design system, including processes for versioning, deprecation, and managing feedback loops for continuous improvement.

• Tooling & Automation: Illustrate how you've used or advocated for tools and automation within the design system lifecycle to improve efficiency, consistency, and collaboration.

📝 Enhancement Note: For a role focused on design systems and component design, a portfolio is crucial. The requirements are tailored to demonstrate operational capabilities: managing libraries, creating documentation, and optimizing workflows, rather than just showcasing individual UI designs. This aligns with expectations for a Design Operations or Senior Visual Designer role within a structured product development environment.

💵 Compensation & Benefits

Salary Range:

• Based on industry benchmarks for a Visual Designer with 3-5 years of experience in a major tech hub like Austin, Texas, and considering the scale of General Motors, the estimated salary range for this role is $95,000 - $130,000 annually. This range accounts for the specialized skills in design systems, Figma expertise, and the hybrid work arrangement. Benefits:

• Comprehensive Health Insurance: Medical, dental, and vision coverage for employees and eligible dependents.

• Retirement Savings Plan: 401(k) plan with company matching contributions to support long-term financial planning.

• Paid Time Off (PTO): Generous vacation, sick leave, and paid holidays to promote work-life balance.

• Hybrid Work Flexibility: The ability to work remotely up to two days per week, with a structured hybrid model requiring three days in the Austin Technical Center.

• Relocation Assistance: Potential eligibility for relocation benefits for candidates moving to the Austin area.

• Professional Development: Opportunities for ongoing learning, skill enhancement, and participation in industry events.

• Employee Stock Purchase Plan (ESPP): Option to purchase GM stock at a discounted rate.

• Life and Disability Insurance: Coverage to provide financial security for employees and their families.

Working Hours:

• Standard full-time work schedule, typically 40 hours per week.

• The hybrid work arrangement allows for flexibility, with a requirement to be present in the Austin Technical Center at least three days per week for employees within a 50-mile radius.

📝 Enhancement Note: Salary estimates are based on typical compensation for mid-level visual designers specializing in design systems in Austin, TX, a competitive tech market. General Motors is a large corporation, so a robust benefits package is expected, including standard health, retirement, and PTO, with additional perks like relocation assistance and ESPP. The hybrid work arrangement is also factored in.

🎯 Team & Company Context

🏢 Company Culture

Industry: Automotive Manufacturing & Technology. General Motors is a global leader in the automotive industry, now heavily investing in electric vehicles (EVs), autonomous driving technology, and connected car services, which increasingly rely on sophisticated digital interfaces and user experiences.

Company Size: Enterprise-level (over 10,000 employees). This scale implies complex organizational structures, established processes, and a wide array of digital products and services.

Founded: 1908. With over a century of history, GM has a deep-rooted culture of innovation and adaptation, consistently evolving with technological advancements in the automotive sector.

Team Structure:

• Design Systems Team: This role is part of a dedicated Design System team, likely comprising several Visual Designers, UX Designers, and potentially Design System Managers or Leads.

• Reporting Structure: The Visual Designer will likely report to a Design Lead or Manager responsible for the design system, who in turn may report to a Director of Product Design or UX.

• Cross-functional Collaboration: The role necessitates close collaboration with Product Designers, UX Researchers, Front-End Engineers (React, JavaScript, etc.), Product Managers, Brand Managers, and potentially QA Testers across various vehicle OS, web, and mobile product lines.

Methodology:

• Agile Development: GM likely employs Agile methodologies for software development, meaning the design system team will work in sprints, respond to evolving product needs, and engage in iterative design and development cycles.

• Data-Driven Design: While not explicitly stated, a company of GM's caliber will likely leverage user data, analytics, and A/B testing to inform design decisions and measure the impact of design system updates.

• User-Centered Design: The design system aims to support user-centered design principles by ensuring consistent, intuitive, and accessible experiences across all GM digital products.

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

📝 Enhancement Note: Understanding GM's context as a traditional automotive giant undergoing a significant digital transformation is key. This means the design system team operates within a large, complex enterprise, requiring strong collaboration, process adherence, and the ability to influence across many product teams. The emphasis on "vehicle OS, web, and mobile" signifies a broad digital footprint.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a mid-level (3+ years of experience). It's a specialized individual contributor role focused on the operationalization of design through systems thinking and component design. It represents a step beyond general UI design, requiring a deeper understanding of scalability, governance, and cross-functional implementation.

Reporting Structure: You will report to a Design Lead or Manager responsible for the Design System. This structure allows for mentorship and guidance on design system strategy, component architecture, and stakeholder management.

Operations Impact: The impact of this role is significant. By creating and maintaining a robust design system, you directly enable faster product development cycles, ensure a consistent and high-quality user experience across all digital touchpoints, reduce redundant design and development efforts, and ultimately contribute to a stronger, more cohesive brand perception and customer loyalty.

Growth Opportunities:

• Senior/Lead Design System Designer: Progression to a senior individual contributor role, taking on more complex system challenges, leading specific component domains, or mentoring junior designers.

• Design Operations Manager: Transition into a management role focused on the broader operational aspects of the design team, including tooling, processes, team enablement, and design system strategy.

• Product Design Specialization: Deepen expertise in a specific product area (e.g., In-Car Infotainment, EV Charging Apps) by applying design system principles to unique challenges.

• Technical Design Advocate: Evolve into a role that bridges design and engineering more formally, focusing on design token implementation, front-end integration, or developer tooling.

📝 Enhancement Note: This role offers a clear path for specialization within design operations. The growth opportunities highlight the increasing demand for professionals who can operationalize design at scale, moving beyond pure aesthetics to strategic system thinking and process efficiency.

🌐 Work Environment

Office Type: Hybrid work arrangement, with a requirement to be in the Austin Technical Center at least three times per week for employees within a 50-mile radius. This suggests a modern, collaborative office space designed to support hybrid work.

Office Location(s): Austin Technical Center, Austin, Texas. This location is a hub for GM's technical and design operations.

Workspace Context:

• Collaborative Hubs: Expect modern office spaces designed with collaboration in mind, including meeting rooms, open work areas, and potentially dedicated design studios.

• Technology-Rich Environment: Access to high-performance workstations, multiple displays, and the software suites necessary for advanced design work (Figma, Adobe CC).

• Design Team Proximity: Being part of the Design System team means close proximity and regular interaction with fellow designers, fostering a strong sense of community and shared learning.

Work Schedule:

• Standard 40-hour work week.

• The hybrid model offers flexibility, allowing for focused work at home and collaborative sessions or team meetings at the office. This balance is crucial for roles requiring deep concentration and iterative design work.

📝 Enhancement Note: The hybrid model is a key aspect of the work environment. For a design system role, this means balancing focused individual work (component design, documentation) with collaborative sessions (design reviews, engineering syncs) in the physical office space.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review your application and resume, looking for alignment with required skills and experience, particularly in design systems and Figma.

• Portfolio Review: A more in-depth review of your portfolio will be conducted. Be prepared to walk through your design system case studies and component examples, explaining your process, decisions, and impact.

• Technical/Design Interview: This stage will likely involve a design exercise or a deep dive into your Figma proficiency, system thinking, and understanding of component design. You may be asked to solve a specific component design challenge or critique existing designs.

• Cross-functional/Behavioral Interview: Interviews with potential peers (other designers, engineers) and managers to assess your collaboration skills, communication style, problem-solving approach, and cultural fit within the GM design and engineering teams.

• Final Interview: A concluding conversation with senior leadership to discuss your overall fit and potential contributions to the team and organization.

Portfolio Review Tips:

• Highlight Design System Impact: Clearly articulate the "why" behind your design system work. Focus on how your contributions led to improved efficiency, consistency, or product quality for previous organizations. Quantify impact where possible (e.g., "reduced design time by X%", "increased component adoption by Y%").

• Showcase Figma Mastery: Demonstrate your advanced Figma skills (Auto Layout, Variants, Libraries, Tokens) through clear examples. Explain your organizational structure and rationale for common patterns.

• Document Your Process: For each project, explain your thought process, research, design iterations, and how you addressed challenges. For design systems, this includes how you gathered requirements, collaborated with developers, and documented components.

• Focus on Reusability & Scalability: Emphasize how your designs are built to be reusable and scalable, catering to the needs of a large enterprise like GM.

• Tailor to GM: Research GM's digital products and brand to understand their current design landscape. Briefly touch upon how your skills and experience could benefit their specific context.

Challenge Preparation:

• Component Design Challenge: Practice designing a new component or improving an existing one within a hypothetical design system context. Focus on creating flexible, accessible, and well-documented components.

• Figma Skills Test: Be ready for practical exercises in Figma, such as building a component with auto layout and variants, or organizing a small library.

• System Thinking Scenarios: Prepare to discuss how you would approach common design system challenges, such as onboarding new teams, handling component requests, or ensuring consistent implementation.

📝 Enhancement Note: The interview process for a design systems role at an enterprise company will be rigorous, focusing heavily on practical skills, process thinking, and collaborative ability. The portfolio is the primary tool for demonstrating these operational capabilities.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core tool for design system development, component creation, library management, prototyping, and collaboration. Advanced proficiency in Auto Layout, Variants, Components, Styles, and Library structure is essential.

• Adobe Illustrator: Used for vector graphics, iconography, and asset creation.

• Adobe Creative Suite (Potentially): Photoshop, After Effects, or other tools may be used for specific asset creation or motion design aspects.

Analytics & Reporting:

• Figma Analytics (Built-in): For tracking component usage and library health within Figma.

• Product Analytics Tools (e.g., Amplitude, Google Analytics, Mixpanel): While not directly used for design, understanding how product usage data informs design system needs and component performance is beneficial.

• Documentation Platforms (e.g., Confluence, Notion, Zeroheight): For housing design system documentation, guidelines, and specifications.

CRM & Automation:

• Jira/Confluence: Likely used for project management, issue tracking, and documentation by development and design teams.

• Project Management Tools (e.g., Asana, Trello): May be used for tracking design system tasks and workflows.

• Version Control Systems (e.g., Git for code, Figma's version history): Essential for managing changes and collaboration.

📝 Enhancement Note: Figma is paramount for this role. The technology stack emphasizes tools that facilitate scalable design, documentation, and collaboration within a product development lifecycle. Familiarity with how these tools integrate is key for operational efficiency.

👥 Team Culture & Values

Operations Values:

• Consistency & Scalability: A core value is ensuring that design is applied consistently and can scale across a vast and diverse product portfolio.

• Efficiency & Productivity: The team strives to improve design and development efficiency through well-defined processes and reusable assets, enabling faster delivery of high-quality products.

• Collaboration & Inclusivity: Fostering a collaborative environment where diverse perspectives are valued, and all team members feel empowered to contribute to the design system's evolution.

• Data-Driven Decision Making: Utilizing data, user feedback, and analytics to inform design system improvements and measure their impact.

• Excellence in Craft: Maintaining high standards for design quality, accessibility, and technical implementation.

Collaboration Style:

• Partnership with Engineering: A close, symbiotic relationship with front-end developers is critical. This involves regular syncs, co-creation sessions, and a shared understanding of design and development constraints and opportunities.

• Cross-Functional Integration: Proactive engagement with product designers, product managers, brand strategists, and UX researchers to ensure the design system meets the evolving needs of the business and its users.

• Feedback-Driven Iteration: An open culture that encourages constructive feedback on components, documentation, and processes, leading to continuous improvement.

• Knowledge Sharing: Active participation in design critiques, internal workshops, and documentation updates to disseminate knowledge and best practices across teams.

📝 Enhancement Note: The values and collaboration style reflect the operational nature of the role. Success is measured not just by design quality but by the system's adoption, efficiency gains, and the collaborative health of the ecosystem it supports.

⚡ Challenges & Growth Opportunities

Challenges:

• Scale and Complexity: Managing a design system for a company as large and diverse as General Motors, with numerous product lines and legacy systems, presents significant complexity.

• Adoption & Governance: Ensuring widespread adoption of the design system across various teams and maintaining consistent governance can be challenging, requiring strong advocacy and clear communication.

• Balancing Standardization with Flexibility: Finding the right balance between enforcing strict standards for consistency and allowing product teams the flexibility they need to innovate and meet specific user needs.

• Bridging Design & Development Gaps: Ensuring seamless and accurate implementation of components by engineering teams, especially with evolving front-end technologies.

• Keeping Pace with Innovation: Continuously updating the design system to incorporate new technologies, design trends, and evolving user expectations in the automotive and digital product spaces.

Learning & Development Opportunities:

• Advanced Design System Strategy: Deepen understanding of advanced design system methodologies, governance models, and scaling strategies.

• Cross-Disciplinary Learning: Gain insights into automotive engineering, vehicle OS development, and software architecture through close collaboration.

• Tooling & Automation Expertise: Develop skills in automating design workflows, managing design tokens programmatically, and exploring new design technologies.

• Leadership & Mentorship: Opportunities to mentor junior designers, lead specific design system initiatives, or contribute to strategic planning for the design function.

• Industry Conferences & Workshops: Access to opportunities to attend leading design and technology conferences, staying abreast of industry best practices and emerging trends.

📝 Enhancement Note: These challenges are inherent to enterprise-level design operations roles. The growth opportunities are focused on developing specialized expertise within the design systems domain and broadening influence within the organization.

💡 Interview Preparation

Strategy Questions:

• "Describe your experience building or maintaining a design system. What were the key challenges, and how did you address them?" (Focus on your process, collaboration, and problem-solving within an operational context.)

• "How do you ensure consistency and scalability in a design system across diverse products and teams?" (Highlight your understanding of governance, documentation, and modular design.)

• "Walk me through your process for designing a new reusable component. How do you ensure it's flexible, accessible, and well-documented?" (Demonstrate your detailed component design workflow.)

• "How would you handle a situation where a product team is resistant to adopting the design system?" (Showcase your persuasive communication and stakeholder management skills.) Company & Culture Questions:

• "What do you know about General Motors' digital transformation, and how do you see a design system contributing to it?" (Research GM's vision for EVs, connectivity, and software.)

• "How do you collaborate with engineers to ensure high-fidelity implementation of your designs?" (Emphasize your partnership approach and understanding of technical constraints.)

• "Describe a time you had to advocate for design best practices or accessibility standards. What was the outcome?" (Highlight your passion for quality and user experience.) Portfolio Presentation Strategy:

• Structure Your Narrative: For each design system case study, clearly articulate the problem statement, your role, your process, the solutions (components, patterns), the outcomes (quantifiable impact if possible), and key learnings.

• Demonstrate Figma Proficiency: Be ready to share your screen and walk through complex Figma files, showcasing your use of auto layout, variants, components, and library organization. Explain your file structure and naming conventions.

• Focus on Operational Impact: Emphasize how your work streamlined processes, improved efficiency, reduced errors, or enhanced user experience across multiple products.

• Showcase Documentation: Present examples of your documentation and explain how it serves as a critical resource for designers and developers.

• Be Prepared for Design Challenges: Practice creating a component from scratch in Figma, focusing on reusability, adaptability, and clear documentation.

📝 Enhancement Note: Interview preparation for this role should heavily lean into demonstrating practical, operational skills and a systems-thinking mindset, rather than just showcasing aesthetic design talent. The emphasis is on understanding and contributing to the operational efficiency of the design process.

📌 Application Steps

To apply for this Visual Designer - Design System & Component Design position:

• Submit your application through the General Motors careers portal via the provided link.

• Curate your portfolio to prominently feature your design system work, Figma proficiency (showcasing auto layout, variants, libraries), component design examples, and documentation samples. Quantify impact where possible.

• Tailor your resume to highlight keywords related to design systems, Figma, component design, accessibility, systems thinking, and cross-functional collaboration.

• Prepare to discuss your process for designing and maintaining design systems, your approach to collaboration with engineers, and how you ensure consistency and scalability.

• Research General Motors' digital products and brand strategy to understand their current landscape and articulate how your skills can contribute to their vision.

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

---