Sr Software Developer, Design Systems
📍 Job Overview
Job Title: Sr Software Developer, Design Systems
Company: SAS
Location: Cary, North Carolina / Remote (EST Time Zone)
Job Type: Full-time
Category: Software Engineering / Design Systems
Date Posted: May 18, 2026
Experience Level: Senior (8+ years) / Lead
Remote Status: Hybrid / Remote Eligible
🚀 Role Summary
-
This role is a senior individual contributor position focused on the technical leadership and development of SAS's Filament design system, specifically for marketing and post-purchase experiences.
-
The position requires expert-level front-end development skills to architect, build, and optimize reusable UI components and technical patterns.
-
The role involves mentoring other developers, establishing technical standards, and ensuring the performance, accessibility (WCAG compliant), and scalability of the design system components.
-
A key aspect is collaborating closely with designers to translate design specifications into robust technical implementations and maintaining component APIs and prop patterns for flexibility and consistency.
📝 Enhancement Note: The raw job description focuses on a "Sr. Software Developer, Design Systems" role. Given the emphasis on "architect, build, and optimize components," "technical patterns," "mentor developers," and "shaping technical direction," this role clearly sits within the Senior Individual Contributor (IC) or Lead engineer track within a software development organization, specifically focusing on the critical area of design systems. The "Design Systems" category is more precise than a generic "Software Engineering" for this specialized role.
📈 Primary Responsibilities
-
Architect, implement, and optimize complex front-end components and technical patterns for the Filament design system, setting high standards for component development.
-
Lead technical design discussions, conduct code reviews, and provide expert guidance to ensure code quality, performance, accessibility (WCAG compliant), and maintainability of the component library.
-
Translate design specifications from UX/UI designers into robust, scalable, and performant technical implementations, identifying and proposing solutions for edge cases.
-
Define and maintain clear component APIs, prop interfaces, and variant systems to ensure flexibility, consistency, and ease of use for consuming teams.
-
Drive accessibility excellence by implementing WCAG compliant components, conducting thorough accessibility testing, and collaborating with accessibility experts.
-
Partner with other engineering teams within the Filament initiative to ensure seamless integration and consistent consumption of foundational design tokens, base components, and shared patterns.
-
Optimize component performance, focusing on bundle size reduction, rendering efficiency, and implementing patterns for lazy loading and code splitting.
-
Build and maintain essential development tooling, including Storybook documentation, automated testing suites (e.g., unit, integration, visual regression), and CI/CD pipelines to streamline development workflows.
-
Mentor and elevate the technical skills of other front-end developers through code reviews, pair programming sessions, and knowledge sharing initiatives.
-
Ensure all applicable security policies and processes are followed to support secure software development goals throughout the component lifecycle.
📝 Enhancement Note: The provided responsibilities are directly extracted from the "As a Senior Software Developer, you will:" section. These are standard for a senior-level design system engineer role, emphasizing technical leadership, component development, collaboration, and mentorship. The focus on "technical standards and best practices," "code quality, performance, accessibility, and maintainability," "component APIs, prop patterns, and variant systems," and "WCAG compliant components" are all core tenets of design system engineering.
🎓 Skills & Qualifications
Education:
Experience:
- 8 years of professional front-end development experience, with a strong emphasis on building and implementing component libraries or design systems.
Required Skills:
-
Expert knowledge of modern front-end technologies: HTML, CSS, JavaScript.
-
Deep expertise in component frameworks, particularly React and meta-frameworks like Next.js.
-
Proficiency with Web Components and their application in design systems.
-
Strong understanding of component API design, prop patterns, composition strategies, and overall design system architecture principles.
-
Demonstrated experience with design tokens, theming systems, and various CSS architecture patterns.
Preferred Skills:
-
Experience with Storybook and related component documentation tools (e.g., JSDoc, TypeDoc).
-
Strong understanding of design-to-development handoff workflows.
-
Proficiency in TypeScript for type-safe component development.
-
Familiarity with front-end performance monitoring tools and Core Web Vitals.
-
Experience integrating design system components with content management systems (CMS) or marketing platforms.
-
Exposure to CI/CD pipelines, automated deployment workflows, and modern DevOps practices.
-
Experience with responsive design, mobile-first development, progressive enhancement, cross-browser compatibility, semantic HTML, and SEO best practices.
📝 Enhancement Note: The "Required qualifications" and "Additional competencies, knowledge and skills" sections from the original description have been structured into "Required Skills" and "Preferred Skills" for clarity. The experience level is explicitly stated as "8 years" and "Senior IC capacity," justifying the "Senior" level. The educational requirement is also clearly articulated. The inclusion of specific technologies like React, Next.js, Web Components, and Storybook, along with concepts like design tokens and WCAG accessibility, are critical for this specialized role.
📊 Process & Systems Portfolio Requirements
Portfolio Essentials:
-
Showcase complex front-end components and patterns developed for previous design systems or large-scale applications.
-
Demonstrate experience with component API design, prop patterns, and composition strategies, highlighting flexibility and reusability.
-
Provide examples of how design specifications were translated into technical implementations, emphasizing attention to detail and design intent preservation.
Process Documentation:
-
Present case studies that detail the process of architecting and implementing new components, including decision-making rationale.
-
Document workflows for collaboration with designers and other engineering teams, illustrating communication and handoff processes.
-
Illustrate how performance optimization and accessibility best practices were integrated into the component development lifecycle.
-
Show examples of how reusable patterns and shared components were established and maintained for consistency across an organization.
📝 Enhancement Note: While the original job description doesn't explicitly ask for a "portfolio," the role's responsibilities heavily imply the need to demonstrate past work in design systems, component development, and technical leadership. This section infers the types of projects and documentation that would be valuable for a candidate to have prepared, aligning with standard expectations for senior software engineering roles, especially those involving reusable codebases and system design.
💵 Compensation & Benefits
Salary Range:
Benefits:
-
Comprehensive medical, prescription, dental, and vision plans.
-
Choice of PPO plan with low deductible/copays or HDHP with HSA contribution.
-
Free Onsite Health Care Center and pharmacy services at HQ (prescriptions shipped).
-
Industry-leading 401k plan.
-
Tuition Assistance Program and professional development resources.
-
Generous paid time off, including vacation, a variety of paid holidays, and a US Winter Wellness Break.
-
Volunteer Time Off, parental leave, and unlimited paid sick days.
Working Hours:
- Standard full-time hours are expected, likely around 40 hours per week. The hybrid and remote options offer flexibility in work location, and the EST time zone requirement suggests a need for alignment during core business hours for collaboration.
📝 Enhancement Note: The salary range is an estimate based on the role's seniority, location (Cary, NC, and remote EST), and specialized skills. The benefits listed are directly extracted from the "World-class benefits" section of the job description. The working hours are inferred from the "Full-time" employment type.
🎯 Team & Company Context
🏢 Company Culture
Industry: Data & AI Software and Services
Company Size: Large Enterprise (SAS employs thousands globally)
Founded: 1976 (SAS has a long history and established presence in the data analytics market)
Team Structure:
-
The role is within the Digital Experience organization in R&D, specifically contributing to the Filament design system.
-
This implies working within a dedicated design systems team, likely consisting of front-end developers, designers, and potentially product managers or technical leads.
Methodology:
-
Emphasis on technical excellence, architectural decision-making, and engineering best practices for component development.
-
A strong focus on collaboration between design and engineering to ensure design intent is met with technical feasibility.
-
Implementation of modern development workflows, including CI/CD, automated testing, and performance optimization.
-
A culture that encourages curiosity, passion, authenticity, and accountability.
Company Website: https://www.sas.com/
📝 Enhancement Note: Company information (Industry, Size, Founded) is derived from the provided LinkedIn data and general knowledge of SAS. The team structure and methodology are inferred from the "About the job" and "As a Senior Software Developer, you will" sections, highlighting the R&D context, design system focus, and collaborative nature.
📈 Career & Growth Analysis
Operations Career Level: Senior Individual Contributor (Lead) - This role is positioned as a senior technical leader within the design systems space. It involves significant ownership of technical direction, architectural decisions, and mentorship, rather than direct people management.
Reporting Structure: The role reports into the Digital Experience organization within R&D. The specific reporting manager would likely be a Development Manager or Lead for the Filament design system. This role will collaborate closely with Design Managers and Product Managers.
Operations Impact: The impact of this role is substantial, as the Filament design system components will power SAS’s newest marketing and post-purchase experiences. High-quality, performant, and accessible components directly influence customer satisfaction, brand consistency, development velocity for product teams, and overall user experience across SAS's digital properties globally.
Growth Opportunities:
-
Technical Specialization: Deepen expertise in design systems, front-end architecture, component development, and accessibility standards.
-
Leadership: Grow into a Principal Engineer or Architect role within design systems or broader front-end engineering.
-
Mentorship: Develop strong leadership and mentoring skills by guiding junior and mid-level developers.
-
Cross-functional Influence: Gain broader exposure and influence across different product teams and R&D organizations within SAS.
-
Industry Contribution: Opportunity to contribute to open-source projects on behalf of SAS, enhancing personal and company reputation.
📝 Enhancement Note: This analysis interprets the "Sr. Software Developer" title and responsibilities in the context of career progression within the software industry, specifically for design systems roles. The "Operations Impact" section focuses on how this technical role contributes to broader business and customer experience goals, which is a key consideration for operations-minded professionals.
🌐 Work Environment
Office Type: Hybrid (Cary HQ) or Remote (within EST time zone). This suggests a flexible work model that balances in-office collaboration with remote autonomy.
Office Location(s):
- Primary: 100 SAS Campus Drive, Cary, NC 27513, USA.
Workspace Context:
-
The role operates within SAS's R&D division, indicating a focus on innovation and technical problem-solving.
-
Collaboration is key, suggesting an environment that supports regular interaction with designers, developers, and product stakeholders, whether in person or virtually.
Work Schedule:
- Standard full-time work schedule, likely with flexibility around core collaboration hours. The EST time zone requirement for remote employees emphasizes the need for availability during specific business periods for team syncs and cross-functional meetings.
📝 Enhancement Note: The "Work Environment" details are derived from the location information (Cary, NC, and Remote in EST) and the hybrid work model described. The context of R&D and the need for collaboration are inferred from the role's description.
📄 Application & Portfolio Review Process
Interview Process:
-
Initial Screening: A recruiter will likely review your resume and conduct an initial phone screen to assess basic qualifications, experience, and cultural fit.
-
Technical Assessment: Expect a coding challenge or a take-home assignment focused on front-end development, component design, or a small design system task.
-
Technical Interviews: Multiple rounds of interviews with engineering managers, senior developers, and potentially designers. These will delve into your front-end expertise, React/Next.js knowledge, design system architecture, API design, accessibility, and problem-solving skills.
-
System Design/Architecture Discussion: A session focused on your approach to architecting scalable and maintainable component libraries, possibly involving a whiteboard exercise or discussion of past projects.
-
Behavioral/Cultural Fit Interview: Questions assessing alignment with SAS's values (curiosity, passion, authenticity, accountability) and your ability to collaborate and mentor.
Portfolio Review Tips:
-
Highlight Design System Contributions: Clearly showcase projects where you built or significantly contributed to a design system or component library.
-
Demonstrate Technical Depth: For each project, explain your specific technical contributions, architectural decisions, and the rationale behind them (e.g., why React, why a specific prop pattern).
-
Showcase Component API Design: Provide examples of well-designed component APIs, explaining how they offer flexibility and ease of use for consumers.
-
Illustrate Collaboration: Describe your process for working with designers, including handoff, feedback loops, and how you translated visual designs into code.
-
Detail Accessibility Implementation: If possible, show examples of WCAG-compliant components and explain your testing methodologies.
-
Quantify Impact: Use metrics where possible (e.g., "reduced development time by X%", "improved component reusability by Y%", "achieved Z accessibility score").
Challenge Preparation:
-
Front-end Fundamentals: Brush up on advanced JavaScript, HTML semantics, CSS architecture (e.g., BEM, CSS-in-JS), and responsive design principles.
-
React & Ecosystem: Deeply understand React hooks, context API, performance optimization techniques (memoization, lazy loading), and Next.js features.
-
Design System Concepts: Review design token implementation, theming, component state management, and best practices for creating robust component libraries.
-
Accessibility (WCAG): Familiarize yourself with WCAG guidelines, ARIA attributes, and common accessibility testing tools and techniques.
-
Storybook: Practice creating and documenting components in Storybook, including adding controls and MDX documentation.
📝 Enhancement Note: This section infers a typical interview process for a senior software engineering role, especially one focused on design systems. The advice for portfolio review and challenge preparation is tailored to the specific technical skills and responsibilities mentioned in the job description.
🛠 Tools & Technology Stack
Primary Tools:
-
Component Frameworks: React (expert level), Next.js (expert level), Web Components.
-
Development Tools: Storybook (for documentation and development), Git (version control).
-
Styling Solutions: Expertise in CSS architecture patterns, potentially CSS-in-JS libraries, or CSS Modules.
-
TypeScript: For type-safe component development.
Analytics & Reporting:
CRM & Automation:
Integration & DevOps:
-
CI/CD Pipelines: Experience with setting up and maintaining automated build, test, and deployment workflows.
-
DevOps Practices: Familiarity with modern DevOps principles to support efficient development and release cycles.
📝 Enhancement Note: This section synthesizes the technologies and tools explicitly mentioned in the job description (React, Next.js, Web Components, Storybook, TypeScript, WCAG, CI/CD) and adds related technologies that a "Sr. Software Developer, Design Systems" would typically use or be familiar with, such as CSS architecture, performance monitoring, and Git.
👥 Team Culture & Values
Operations Values:
-
Curiosity: Encouraged to explore new technologies and approaches for component development and system design.
-
Passion: A drive to create high-quality, innovative, and user-centric components.
-
Authenticity: Bringing your true self to work and contributing openly to discussions and problem-solving.
-
Accountability: Taking ownership of technical decisions, code quality, and project delivery.
Collaboration Style:
-
Design-Engineering Partnership: Close collaboration with designers to ensure fidelity and functional requirements are met.
-
Cross-functional Teamwork: Working effectively with other Filament engineering teams and product stakeholders to ensure seamless integration and adoption of the design system.
-
Mentorship and Knowledge Sharing: Actively participating in code reviews, pair programming, and sharing best practices to uplift the team's technical capabilities.
-
Data-Informed Decisions: Using performance metrics and user feedback to guide component improvements and future development.
📝 Enhancement Note: The "Operations Values" are directly extracted from the job description. The "Collaboration Style" is inferred from the responsibilities that emphasize cross-functional work, mentorship, and the designer-developer partnership inherent in design systems work.
⚡ Challenges & Growth Opportunities
Challenges:
-
Balancing Flexibility and Consistency: Designing components and APIs that are flexible enough for diverse use cases while maintaining strict brand consistency and technical standards.
-
Driving Adoption: Encouraging and supporting product teams across SAS to adopt and correctly utilize the Filament design system components.
-
Performance Optimization at Scale: Ensuring components remain performant as the library grows and is integrated into numerous applications.
-
Keeping Pace with Evolving Technologies: Staying current with front-end trends, framework updates, and accessibility standards to ensure the design system remains modern and effective.
Learning & Development Opportunities:
-
Deep Dive into Design Systems: Become a subject matter expert in design system architecture, component development patterns, and best practices.
-
Leadership Development: Opportunities to lead technical initiatives, mentor junior engineers, and influence technical direction.
-
Industry Engagement: Potential to represent SAS in open-source communities or at industry conferences, fostering professional growth and networking.
-
Cross-Domain Exposure: Learning how design systems integrate with broader product development, marketing technology, and customer experience initiatives within SAS.
📝 Enhancement Note: Challenges are framed around the inherent difficulties of design system engineering. Growth opportunities are derived from the senior nature of the role and the potential for impact within a large organization like SAS.
💡 Interview Preparation
Strategy Questions:
-
"Describe a time you architected a complex front-end component or a significant part of a design system. What were the key decisions you made, and what was the outcome?" (Focus on technical strategy, decision-making, and impact.)
-
"How do you approach translating abstract design specifications into concrete, reusable code components? Walk me through your process for handling edge cases and ensuring design fidelity." (Focus on process, collaboration, and technical execution.)
Company & Culture Questions:
- "SAS values curiosity, passion, authenticity, and accountability. Can you provide an example of how you've demonstrated one or more of these values in a past role, particularly in a technical leadership or design systems context?" (Focus on cultural alignment and behavioral examples.)
Portfolio Presentation Strategy:
-
Structure Your Case Studies: For each design system project, outline the problem, your role and contributions, the technical solution (architecture, components, APIs), the challenges faced, and the quantifiable results (performance, adoption, efficiency).
-
Demonstrate Code Quality: Be prepared to show snippets of your code, highlighting clean architecture, type safety (TypeScript), and adherence to best practices.
-
Explain API Design: Clearly articulate the design of your component APIs and props, explaining how they promote usability and prevent misuse.
-
Visualize Collaboration: Use mockups, flowcharts, or screenshots to illustrate your collaboration process with designers and how you translated designs into code.
-
Focus on Impact: Emphasize how your work on the design system benefited the end-users, developers, and the business.
📝 Enhancement Note: These interview questions and preparation tips are tailored to the specific technical requirements (React, Next.js, Design Systems, Accessibility), senior level, and cultural values of the role at SAS, emphasizing strategic thinking, collaboration, and technical execution.
📌 Application Steps
To apply for this Sr. Software Developer, Design Systems position:
-
Submit your application through the SAS Global Careers portal via the provided job URL.
-
Tailor your resume: Highlight your 8+ years of front-end development experience, specifically emphasizing your expertise in building design systems, component libraries, and your proficiency with React, Next.js, Web Components, and related technologies. Quantify achievements where possible.
-
Prepare your portfolio: Curate examples of your best design system work, including code snippets, documentation (e.g., Storybook examples), and case studies detailing your process, contributions, and impact. Be ready to discuss API design and accessibility implementation.
-
Practice your technical explanations: Prepare to articulate your approach to component architecture, performance optimization, and accessibility compliance. Be ready to discuss your experience with modern front-end tooling and CI/CD.
-
Research SAS: Understand SAS's mission, its position in the data and AI market, and its core values. This will help you align your answers during interviews and demonstrate genuine interest.
⚠️ 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.
Application Requirements
Requires a Bachelor's degree in Computer Science or a related field and at least 8 years of front-end development experience. Expert knowledge of React, Next.js, and design system architecture is essential.