Frontend Design Systems Engineer

📍 Job Overview

Job Title: Frontend Design Systems Engineer

Company: Seeq

Location: United States

Job Type: Full-Time

Category: Frontend Engineering / Design Systems

Date Posted: May 01, 2026

Experience Level: 10+ Years Professional Experience

Remote Status: Fully Remote

🚀 Role Summary

• Lead the evolution and strategic direction of Seeq's frontend design system, enhancing component quality, consistency, usability, and overall developer experience for complex enterprise products.

• Drive the creation and adoption of reusable frontend foundations, including foundational components, higher-order blocks, page-level templates, and application patterns, to elevate product quality and user experience.

• Collaborate closely with UX, Product, and Engineering teams to translate user needs and workflows into robust, composable, and accessible frontend architecture.

• Leverage and adapt modern open-source component libraries (e.g., shadcn/ui) with expert judgment to accelerate development while maintaining Seeq's product standards and workflow requirements.

• Champion best practices in frontend development, focusing on API design, styling architecture, responsiveness, accessibility, and long-term maintainability to empower engineering teams.

📝 Enhancement Note: This role is positioned as a senior individual contributor with significant influence over the technical direction and implementation of Seeq's frontend architecture. The emphasis on "leading the evolution," "shaping foundational components," and "driving improvements" indicates a strategic, proactive, and expert-level position within the engineering organization, distinct from a typical front-end developer role. The focus on design systems and reusable patterns aligns it with specialized frontend engineering disciplines.

📈 Primary Responsibilities

• Spearhead the design, development, and maintenance of Seeq's comprehensive design system, ensuring it meets the needs of complex, data-dense enterprise applications.

• Craft and document reusable UI components, patterns, and APIs that are composable, accessible, and ergonomic for other engineers, significantly improving development velocity and consistency.

• Partner with UX designers and product managers to transform user workflows and product requirements into tangible, high-quality frontend solutions and architectural guidelines.

• Implement and enforce accessibility standards (e.g., keyboard navigation, screen reader support, high-contrast modes, reduced-motion preferences) across the design system and its consumers.

• Evaluate, integrate, and adapt modern frontend technologies and open-source libraries (e.g., React, TypeScript, TailwindCSS, shadcn/ui) to enhance the design system's capabilities and developer experience.

• Develop clear, engaging, and comprehensive documentation for the design system, including usage guidelines, API references, and best practices to facilitate adoption and understanding.

• Provide technical leadership and guidance to engineering teams on design system implementation, component usage, and frontend best practices, fostering a culture of quality and consistency.

• Proactively identify gaps and opportunities for improvement within the frontend architecture and design system, proposing and driving solutions to completion.

• Stay abreast of emerging trends in frontend development, design systems, and AI-assisted development, and advocate for their strategic integration into Seeq's product strategy.

• Ensure the design system supports a positive developer experience, particularly in an AI-assisted development environment, through thoughtful API design, naming conventions, and clear structural patterns.

📝 Enhancement Note: The responsibilities highlight a blend of hands-on development, strategic thinking, and cross-functional leadership. The emphasis on "shaping foundational components," "higher-order blocks," and "application patterns" suggests a scope beyond typical component library development, extending into architectural patterns and reusable application structures. The explicit mention of AI-assisted development implies a forward-looking approach to system design.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a Bachelor's or Master's degree in Computer Science, Engineering, or a related field, or equivalent practical experience, is highly valued.

Experience: Minimum of 10 years of professional software development experience, with a significant portion dedicated to building and evolving production-grade design systems, component libraries, or pattern libraries for complex applications.

Required Skills:

• Expertise in modern JavaScript/TypeScript, React, and TailwindCSS, with a deep understanding of their core principles and application in building scalable frontend systems.

• Proven experience in designing, building, and maintaining robust, composable, and accessible component libraries and design systems used in production environments.

• Strong grasp of software design principles, architectural patterns (e.g., micro-frontends, module federation), and best practices for long-term maintainability and scalability.

• Proficiency in HTML primitives and semantic markup, ensuring a solid foundation for all UI elements.

• Demonstrated ability to implement comprehensive accessibility standards (WCAG compliance), including keyboard navigation, ARIA attributes, and screen reader compatibility.

• Experience working with design tools such as Figma, with the ability to translate design mockups and prototypes into production-ready, pixel-perfect code.

• Strong understanding of responsive design principles and experience building UIs that adapt seamlessly across various devices and screen sizes.

• Excellent problem-solving and analytical skills, with a meticulous attention to detail in code quality and user experience.

• Proven technical leadership capabilities, including the ability to guide, mentor, and collaborate effectively with engineers of all experience levels.

• Strong written and verbal communication skills, with a talent for creating clear, useful, and engaging documentation.

• Familiarity with agile development methodologies (Scrum, Kanban) and associated tools.

Preferred Skills:

• Experience leveraging and extending modern component foundations like shadcn/ui.

• Understanding of evolving interface paradigms, including the impact of AI on product design and frontend systems.

• Experience with state management libraries (e.g., Redux, Zustand) and data fetching strategies in complex React applications.

• Familiarity with CI/CD pipelines and automated testing frameworks for frontend components and applications.

• Knowledge of performance optimization techniques for frontend applications.

• Experience with Storybook or similar tools for component development and documentation.

📝 Enhancement Note: The extensive experience requirement (10+ years) and the emphasis on "leading evolution," "shaping foundations," and "technical leadership" indicate this role is for a senior or principal-level engineer. The specific mention of TailwindCSS, React, and TypeScript points to a modern frontend stack. The requirement for Figma familiarity suggests close collaboration with the design team.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate production-grade design systems, component libraries, or pattern libraries you have significantly contributed to or led.

• Showcase examples of reusable frontend components, higher-order blocks, or page-level templates that highlight composability, consistency, and user workflow support.

• Provide case studies or detailed descriptions of how you've tackled complex frontend challenges, emphasizing problem-solving, architectural decisions, and technical leadership.

• Include examples of implemented accessibility features and responsive design solutions across different projects.

Process Documentation:

• Detail your approach to defining component APIs, styling architecture, and theming strategies within a design system context.

• Explain your process for collaborating with UX and Product teams to gather requirements and translate them into technical specifications for frontend components and patterns.

• Describe your methods for ensuring code quality, maintainability, and scalability of frontend systems, including testing and CI/CD integration.

• Illustrate your process for evaluating and integrating third-party libraries or open-source solutions into a design system.

• Document your approach to creating and maintaining clear, actionable documentation that drives adoption and effective use of a design system.

📝 Enhancement Note: Given the role's focus on design systems and reusable patterns, a portfolio is crucial. It should clearly demonstrate the candidate's ability to not just build components, but to architect and maintain a system that supports complex product development. The emphasis is on the system and its impact, not just individual UI elements.

💵 Compensation & Benefits

Salary Range: $144,000 - $170,000 USD per year. The final salary will be determined based on the candidate's level and qualifications.

Benefits:

• Paid Leave: 12-week paid Seeq family leave, Unlimited Paid Time Off (PTO).

• Home Office Support: Generous home office allowance, Internet and mobile phone reimbursements.

• Health & Wellness: Comprehensive medical benefits, Voluntary vision and dental (including orthodontics), Employee Assistance Program (EAP).

• Insurance: Group term life insurance, Short-term and long-term disability insurance (pre-tax benefits).

• Additional Perks: Vacation bonus program, Pet-friendly workspace (as a remote employee, this applies to your home environment and potential future office interactions).

• Financial: Competitive salary plus bonus incentives.

Working Hours: The role is full-time, typically requiring around 40 hours per week. As a remote position, there is an expectation of flexibility to accommodate collaboration across different time zones within the United States, but core working hours will be established to ensure team alignment.

📝 Enhancement Note: The salary range is explicitly provided, indicating a senior-level compensation. The benefits package is quite generous, with a strong emphasis on work-life balance (Unlimited PTO, family leave) and remote work support (home office allowance).

🎯 Team & Company Context

🏢 Company Culture

Industry: Software - Industrial Process Data Analytics and Visualization. Seeq provides solutions to extract business insights from industrial process data.

Company Size: Seeq is a growing company, likely within the range of 201-500 employees based on typical startup growth trajectories and the scope of their product.

Founded: Seeq was founded by experienced entrepreneurs with a vision to improve industrial process data analysis. The company is built on the idea of providing better solutions for quick and easy business insight from industrial data.

Team Structure:

• The Frontend Design Systems Engineer will be part of the core engineering team, likely reporting to an Engineering Manager or Director of Engineering.

• This role necessitates close collaboration with UX designers, Product Managers, and other Frontend Engineers.

Methodology:

• Data-Driven Design: The company emphasizes using data to derive insights, which translates into a data-informed approach to product development and design systems.

• Agile Development: Seeq utilizes agile methodologies (Scrum/Kanban) to ensure iterative development, flexibility, and continuous improvement.

• Collaboration & Ownership: A culture of kindness, talent, collaboration, and exceeding customer expectations is promoted, encouraging individuals to take ownership and lead by example.

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

📝 Enhancement Note: Seeq operates in a specialized B2B software market focused on industrial data. The company culture is described as positive, collaborative, and driven by experienced leadership, with a strong emphasis on employee well-being and professional growth.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a senior or principal individual contributor level within the frontend engineering discipline. It requires deep technical expertise in design systems and a strategic understanding of how to build foundational elements that impact the entire product and engineering organization.

Reporting Structure: The Frontend Design Systems Engineer will likely report to a Director of Engineering or a VP of Engineering, with direct collaboration across UX, Product, and other engineering teams. This structure allows for significant influence on technical direction and product strategy.

Operations Impact: The impact of this role is substantial. By leading the design system's evolution, the engineer directly influences:

• Product Consistency & Quality: Ensuring a cohesive and high-quality user experience across all Seeq products.

• Development Velocity: Providing robust, reusable components and patterns that accelerate feature development for all engineering teams.

• Developer Experience (DX): Making it easier and more efficient for engineers to build and maintain features.

• Scalability & Maintainability: Establishing a solid architectural foundation that supports future product growth and evolution.

• Accessibility & Inclusivity: Ensuring Seeq's products are usable by a wider audience.

Growth Opportunities:

• Technical Specialization: Deepen expertise in design systems, frontend architecture, and related technologies, potentially becoming a recognized authority in the field within Seeq.

• Leadership: Transition into a technical lead or architect role, mentoring junior engineers and influencing broader engineering strategy.

• Cross-functional Influence: Expand influence across product strategy, UX research, and engineering best practices.

• Industry Contribution: Potential to contribute to open-source projects or share best practices at industry conferences.

📝 Enhancement Note: This role offers significant growth potential for an engineer passionate about building scalable, maintainable, and user-centric frontend systems. The impact is broad, touching product quality, developer productivity, and overall engineering efficiency.

🌐 Work Environment

Office Type: Seeq is a "remote-first (only)" company. This means there are no physical offices that employees are expected to commute to. The work environment is entirely distributed.

Office Location(s): While the role is remote within the United States, Seeq has a presence and history in locations like San Ramon, California, and Seattle, Washington, which may inform the company's operational background. However, for this specific role, location is not a constraint within the US.

Workspace Context:

• Distributed Collaboration: Expect to work primarily through digital communication tools (Slack, Zoom, email, project management software).

• Autonomy & Flexibility: The remote-first nature provides significant autonomy over your work environment and schedule, within the bounds of team collaboration needs.

• Technology Focus: The company likely provides necessary software tools and potentially hardware or stipends to ensure a productive home office setup.

Work Schedule: While the core work is typically 40 hours per week, the remote-first nature allows for flexibility in scheduling, provided that key collaboration times and deadlines are met. Expect to coordinate with colleagues across different US time zones for meetings and synchronous work.

📝 Enhancement Note: The "remote-first (only)" aspect is a critical differentiator. This is not a hybrid role; all work is expected to be performed remotely. Candidates must be comfortable with and effective in a fully distributed work environment.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter will likely conduct an initial call to assess basic qualifications, cultural fit, and interest in the role.

• Technical Interview(s): Expect one or more in-depth technical interviews focusing on frontend architecture, design systems, React, TypeScript, TailwindCSS, and problem-solving. This may include live coding sessions or deep dives into your past projects.

• Portfolio Review: A dedicated session to walk through your portfolio. Be prepared to discuss your contributions, design decisions, technical challenges, and the impact of your work on previous projects.

• System Design/Architecture Challenge: You may be asked to tackle a system design problem related to building or evolving a design system, focusing on scalability, maintainability, and user workflows.

• Cross-functional Interview: An interview with a UX designer or Product Manager to assess collaboration skills, understanding of user needs, and ability to translate requirements into technical solutions.

• Hiring Manager/Team Lead Interview: A final interview to discuss team dynamics, career aspirations, and overall fit within the engineering organization.

Portfolio Review Tips:

• Curate Strategically: Select 2-3 of your strongest projects that best showcase your design system expertise, leadership, and impact. Prioritize projects with demonstrable results.

• Tell a Story: For each project, clearly articulate the problem, your role, the solutions you implemented, the technical choices you made (and why), and the outcomes achieved (quantify where possible – e.g., reduced development time, increased consistency score, improved accessibility metrics).

• Focus on Systems Thinking: Highlight your ability to think beyond individual components and architect a cohesive, scalable system.

• Demonstrate Collaboration: Explain how you worked with designers, product managers, and other engineers.

• Showcase Documentation: Be ready to share examples of your documentation and explain its importance and effectiveness.

• Prepare for Questions: Anticipate questions about trade-offs, challenges, and how you'd approach specific problems at Seeq.

Challenge Preparation:

• Design System Fundamentals: Revisit core principles of design systems, component-based architecture, atomic design, and accessibility standards.

• React & TypeScript Proficiency: Be ready to write clean, efficient, and well-structured React/TypeScript code.

• TailwindCSS Expertise: Understand how to leverage utility-first CSS effectively for component styling and theming.

• System Design Scenarios: Practice designing scalable and maintainable frontend systems, considering factors like performance, modularity, and developer experience.

• Communication: Prepare to articulate your thought process clearly and concisely, especially during live coding or system design tasks.

📝 Enhancement Note: The emphasis on a portfolio review and potential system design challenges suggests that practical demonstration of skills and strategic thinking is highly valued for this role. Candidates should be prepared to articulate their process and impact.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Framework: React

• Language: JavaScript/TypeScript

• Styling: TailwindCSS

• Design System Libraries: shadcn/ui (and potentially others, or custom-built components)

• Component Development/Documentation: Storybook (highly probable, though not explicitly stated)

• Version Control: Git

• Collaboration: Slack, Zoom, Google Workspace or similar

• Project Management: Jira, Asana, or similar agile tools

Analytics & Reporting:

CRM & Automation:

• Not directly relevant to this frontend engineering role, but the company likely uses CRM/automation tools for its sales and marketing operations.

📝 Enhancement Note: The core technology stack is clearly defined: React, TypeScript, and TailwindCSS. Proficiency with these is essential. The mention of shadcn/ui suggests an awareness of modern, composable component libraries.

👥 Team Culture & Values

Operations Values:

• Kindness & Collaboration: Seeq fosters a "wonderful, kind-hearted, talented team that loves to collaborate." This implies a supportive and respectful work environment.

• Leading by Example: Employees are encouraged to take initiative and demonstrate best practices, particularly in technical areas.

• Exceeding Expectations: A drive to go above and beyond for customers and within teams.

• Data-Driven Decision Making: A fundamental aspect of Seeq's product and likely its internal operations.

• Continuous Improvement: A commitment to evolving systems and processes to achieve better outcomes.

Collaboration Style:

• Remote-First Integration: Emphasis on effective communication and collaboration through digital channels to bridge geographical distances.

• Cross-functional Partnership: Close working relationships with UX, Product, and other Engineering teams are critical for design system success.

• Open Communication: A culture that encourages sharing ideas, feedback, and constructive criticism to drive innovation and quality.

• Shared Ownership: The team likely shares responsibility for the success of the design system and the product as a whole.

📝 Enhancement Note: The company culture appears to be a significant asset, emphasizing positive interpersonal dynamics, intellectual curiosity, and a collective drive for excellence, all within a fully remote setting.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Innovation and Stability: Evolving a design system while ensuring backward compatibility and stability for existing product features.

• Driving Adoption: Persuading and enabling multiple engineering teams to adopt and consistently use the design system.

• Managing Complexity: Designing systems that can scale to support a complex enterprise product with diverse data visualization and interaction needs.

• Keeping Pace with Technology: Continuously updating the system to incorporate new best practices, libraries, and emerging technologies (like AI).

• Effective Remote Collaboration: Maintaining strong communication and alignment across a distributed team.

Learning & Development Opportunities:

• Deepening Design System Expertise: Gaining advanced skills in component architecture, API design, accessibility, and theming.

• Technical Leadership: Developing skills in mentoring, guiding architectural decisions, and influencing engineering strategy.

• Exposure to AI in UI: Learning how to integrate AI-driven features and workflows into a frontend system.

• Industry Best Practices: Staying ahead of trends in frontend development, design systems, and developer experience.

• Cross-functional Skill Development: Enhancing collaboration and communication skills with product and UX teams.

📝 Enhancement Note: This role presents significant opportunities for growth in specialized frontend architecture and leadership, balanced by the inherent challenges of maintaining and evolving a critical system in a fast-paced tech environment.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you led the evolution of a design system or component library. What were the key challenges, and how did you address them?" (Focus on your process, ownership, and impact.)

• "How would you approach designing a new, complex component (e.g., a data visualization chart or a sophisticated form builder) within an existing design system?" (Assess your system thinking, API design, and collaboration approach.)

• "What are your strategies for ensuring accessibility and responsiveness across a wide range of components and applications?" (Demonstrate your commitment to inclusive design.)

• "How do you balance leveraging open-source libraries with the need for custom solutions and adherence to a specific product's standards?" (Evaluate your judgment and technical pragmatism.)

Company & Culture Questions:

• "What interests you about Seeq and our mission in industrial process data?" (Showcase your research and alignment with the company's goals.)

• "How do you see your role contributing to Seeq's culture of collaboration and innovation?" (Connect your values with the company's.)

Portfolio Presentation Strategy:

• Structure: For each project, follow a clear narrative: Problem -> Your Role/Contribution -> Solution/Implementation -> Challenges & Trade-offs -> Outcome/Impact (quantified).

• Technical Depth: Be prepared to deep-dive into the technical architecture, specific component implementations, API design choices, and testing strategies.

• Design System Focus: Emphasize how your work contributed to a cohesive system, not just isolated features. Highlight documentation, governance, and adoption strategies.

• Visuals: Use screenshots, live demos, or code snippets effectively to illustrate your points.

• Conciseness: Be mindful of time and focus on the most impactful aspects of your work.

📝 Enhancement Note: Preparation should focus on demonstrating not just technical skill, but also strategic thinking, leadership potential, and a strong understanding of how design systems impact product and engineering organizations.

📌 Application Steps

To apply for this Frontend Design Systems Engineer position:

• Submit your application through the provided link on Workable.

• Portfolio Customization: Tailor your resume and portfolio to highlight your most relevant experience in building and evolving design systems, component libraries, and advanced frontend architecture, specifically mentioning React, TypeScript, and TailwindCSS.

• Resume Optimization: Ensure your resume clearly articulates your 10+ years of professional experience, focusing on achievements and quantifiable results related to design system impact, developer productivity, and product quality.

• Interview Preparation: Practice articulating your design system philosophy, technical approaches, and leadership style. Prepare detailed examples from your portfolio for the interview walkthrough.

• Company Research: Thoroughly research Seeq's product, mission, and company culture. Understand their position in the industrial data analytics market and how a robust design system supports their strategy.

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

---