Design Systems Designer

📍 Job Overview

Job Title: Design Systems Designer

Company: CallRail

Location: Atlanta, GA (Hybrid)

Job Type: Full-Time

Category: Design Operations / Product Design

Date Posted: May 22, 2026

Experience Level: 2-5 Years

Remote Status: Hybrid

🚀 Role Summary

• This role is central to the growth and adoption of CallRail's design system across both web and mobile platforms, requiring a strong focus on component development and maintenance.

• You will be instrumental in translating design system standards into scalable and usable outputs, ensuring consistency and efficiency in product design.

• The position involves close collaboration with cross-functional partners, including product designers and engineers, to ensure adherence to system standards and facilitate design QA.

• A key aspect of this role includes auditing existing product UI to identify standardization opportunities and supporting the migration from legacy patterns to the established design system components.

• This role offers an exciting opportunity to contribute to AI prototyping workflows, preparing inputs and refining outputs to align with design system standards.

📝 Enhancement Note: While the title is "Design Systems Designer," the core responsibilities and required skills strongly align with a specialized Product Designer role focused on Design Operations and Design Systems. This enhancement positions the role within the broader "Design Operations / Product Design" category to better reflect its operational and system-focused nature.

📈 Primary Responsibilities

• Component Development & Maintenance: Build, maintain, and document Figma components, ensuring they include complete variants, states, and properties, and consistently apply design tokens for visual and functional integrity.

• Documentation & Guidance: Translate design system decisions into clear, usable documentation, creating lightweight references for component anatomy, states, and behaviors, and supporting token-to-component mapping for enhanced clarity and reuse.

• Design QA & Support: Review product designs for alignment with design system standards, identify inconsistencies, recommend system-aligned solutions, and partner with designers to support implementation and iteration.

• Audit & Migration Support: Audit product UI to identify opportunities for standardization and consolidation of redundant or inconsistent patterns, and support the migration from legacy patterns to design system components.

• AI Prototyping Workflows: Prepare inputs (screenshots, annotations, context) for AI-generated prototypes, assist in refining outputs to align with design system standards, and support the development of repeatable workflows for scalable prototyping.

📝 Enhancement Note: The primary responsibilities are structured to emphasize the operational and systematic aspects of design, aligning with a "Design Operations" focus. The inclusion of "AI prototyping workflows" highlights a forward-thinking approach to design processes.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a Bachelor's degree in Design, Human-Computer Interaction, or a related field is often preferred for roles requiring deep understanding of design principles and systems. Equivalent practical experience will also be considered.

Experience: Approximately 2–5 years of experience in product design, UI/UX design, or a closely related field, with a proven track record of working with component-based design systems or design libraries.

Required Skills:

• Strong proficiency in building and maintaining components in Figma, including mastery of variants, properties, and auto layout.

• High attention to detail and a commitment to consistency in both visual and interaction design.

• Ability to work effectively within established systems and accurately apply standards.

• Demonstrated capability to take defined patterns and execute them cleanly and thoroughly.

• Collaborative and responsive communication skills, essential for working effectively with designers and engineers.

Preferred Skills:

• Exposure to and understanding of token-based design systems.

• A proactive interest in improving design workflows and scaling design system adoption.

• Curiosity and a willingness to explore AI-assisted design or prototyping workflows.

• Experience with design system audits and UI pattern consolidation.

📝 Enhancement Note: The experience level is explicitly defined as "2-5 years" based on the input. The skills are categorized into required and preferred to guide candidates on essential versus advantageous proficiencies.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a minimum of 2-3 robust case studies demonstrating experience with building and maintaining component libraries within a design system.

• Clearly illustrate your process for creating reusable components in Figma, highlighting the use of variants, properties, and auto layout.

• Include examples of how you translated design system standards into clear, usable documentation for components.

• Demonstrate your ability to conduct UI audits and support the migration of legacy patterns to a design system.

Process Documentation:

• Candidates should be prepared to discuss their methods for documenting design system components, including their approach to defining anatomy, states, and behaviors.

• Be ready to explain your process for design QA, including how you identify inconsistencies and collaborate with teams to find system-aligned solutions.

• Prepare to articulate your experience with token-to-component mapping and its benefits for clarity and reuse.

• If applicable, include examples of contributions to AI prototyping workflows, detailing your role in preparing inputs and refining outputs.

📝 Enhancement Note: This section is tailored to a design systems role, emphasizing the need for a portfolio that showcases practical application of design system principles, component creation, documentation, and collaboration.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for a Design Systems Designer with 2-5 years of experience in Atlanta, GA, the estimated salary range is between $85,000 - $115,000 annually. This range accounts for the hybrid work model and the specific responsibilities outlined.

Benefits:

• Comprehensive Healthcare: Includes medical, dental, and vision coverage, with one medical option covered at 100% for employees.

• Health Savings Account (HSA): Competitive HSA with company matching to support health expenses.

• Paid Parental Leave: Generous policy to support new parents.

• Flexible Vacation Policy: Encourages a healthy work-life balance.

• Retirement Savings: 401K options with a dollar-for-dollar company match.

• Equity: Employee stock options available from day one.

• Professional Development: $2,000 annual educational allowance for continuous learning and skill enhancement.

• Office Perks: Catered lunch every Tuesday, coverage for MARTA transportation or office parking expenses.

• Community Impact: Employee charitable donation company match, up to $500 annually.

• Team Engagement: Regular company outings and events to foster connection.

• Home Office Support: $500 office stipend for setting up a comfortable and productive home workspace.

Working Hours: Standard full-time hours, likely around 40 hours per week. The hybrid model requires in-office presence on Tuesdays and Thursdays, allowing for flexibility on other days.

📝 Enhancement Note: Salary range is an estimate based on location, experience, and role type. Benefits are detailed as provided in the input, with specific emphasis on aspects valuable to design professionals. The working hours note the hybrid requirement.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software (specifically focused on call tracking, analytics, and marketing solutions for businesses). CallRail operates in the SaaS (Software as a Service) industry, providing critical tools for customer engagement and marketing attribution.

Company Size: CallRail is a mid-sized company, likely employing between 200-500 individuals, based on typical Greenhouse ATS deployments and industry growth patterns for SaaS companies. This size often offers a balance between structured processes and opportunities for individual impact.

Founded: CallRail was founded in 2011. This indicates a company with established market presence and a history of product development and iteration, providing a stable yet dynamic environment.

Team Structure:

• The Design Systems Designer will be part of a dedicated design systems workstream, likely within a larger Product Design or Engineering department.

• This role will report into a Design Lead or Manager responsible for the overall design strategy and execution.

Methodology:

• Data-Driven Design: Decisions are likely informed by user research, analytics, and customer feedback to ensure design solutions meet user needs and business objectives.

• Agile Development: The company likely employs agile methodologies, requiring iterative design processes, close collaboration with engineering, and adaptability to changing priorities.

• Systematic Approach: Emphasis on building and maintaining a scalable design system to ensure consistency, efficiency, and quality across the product suite.

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

📝 Enhancement Note: Company context is inferred from the industry and provided URL to offer a richer understanding of CallRail's market position and operational environment.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as an individual contributor role for a designer with 2-5 years of experience, specializing in design systems. It signifies a mid-level position where the designer is expected to execute tasks independently, contribute to system strategy, and mentor less experienced team members on system usage.

Reporting Structure: The Design Systems Designer will likely report to a Design Lead or Manager, who oversees the broader design team and design system strategy. This provides a clear reporting line and access to leadership guidance.

Operations Impact: The Design Systems Designer directly impacts product quality and development velocity by providing a standardized and efficient design framework. A robust design system reduces design and development effort, ensures brand consistency, improves user experience, and accelerates feature delivery, all of which contribute to CallRail's overall business success and market competitiveness.

Growth Opportunities:

• Specialization: Deepen expertise in design systems, component architecture, design tokens, and accessibility standards.

• Leadership: Transition into a Design Lead or Manager role, potentially overseeing a design systems team or broader design function.

• Cross-Functional Expansion: Gain experience in front-end development, product management, or user research through close collaboration.

• Mentorship: Guide junior designers on design system best practices and component usage.

• Strategic Contribution: Influence the long-term vision and evolution of CallRail's design language and system.

📝 Enhancement Note: This analysis focuses on the career trajectory and impact of a design systems role, framing it within the broader context of design operations and product development.

🌐 Work Environment

Office Type: CallRail offers a hybrid work environment, requiring employees to be present in the Atlanta office on Tuesdays and Thursdays. This setup aims to blend the benefits of in-person collaboration with the flexibility of remote work.

Office Location(s): The primary office is located in Atlanta, GA. Specific details regarding office amenities or accessibility would need to be confirmed directly with CallRail.

Workspace Context:

• Collaborative Spaces: The office environment likely includes dedicated spaces for team meetings, brainstorming sessions, and cross-functional collaboration, particularly on designated in-office days.

• Technology & Tools: Employees will have access to necessary office technology and software, with the company providing a $500 stipend for home office setup to ensure a consistent and productive remote workspace.

• Team Interaction: Regular in-person interaction on Tuesdays and Thursdays will facilitate team cohesion, spontaneous problem-solving, and relationship building among designers, engineers, and other colleagues.

Work Schedule: The hybrid schedule requires a minimum of two days per week in the Atlanta office. The remaining workdays can be performed remotely, offering flexibility for focused individual work and personal commitments.

📝 Enhancement Note: Details about the hybrid model and office presence are integrated to provide clarity on the work environment.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A brief call with a recruiter to discuss your background, experience, and interest in the role.

• Portfolio Review & Technical Interview: A deeper dive into your portfolio, focusing on design system work, component creation in Figma, and your understanding of design system principles. This may include a technical assessment or a discussion of your design process.

• Cross-Functional Collaboration Interview: An interview with a Product Designer and/or Engineer to assess your collaboration style, communication skills, and ability to work within a team environment.

• Hiring Manager Interview: A final conversation with the hiring manager to discuss your fit with the team, career goals, and overall alignment with CallRail's culture and values.

Portfolio Review Tips:

• Highlight Design System Impact: Clearly showcase projects where you built or significantly contributed to a design system. Quantify the impact (e.g., reduction in design/dev time, increased consistency).

• Figma Proficiency: Ensure your Figma files demonstrate advanced usage of components, variants, properties, and auto layout.

• Documentation Examples: Include clear examples of system documentation, explaining how it aids adoption and consistency.

• Problem/Solution Format: For each case study, clearly articulate the problem you were solving, your process, and the solution you implemented, emphasizing your role and contribution.

• AI Prototyping: If you have experience with AI prototyping, showcase how you integrated it into your workflow and aligned outputs with design standards.

Challenge Preparation:

• Be prepared to discuss specific challenges you've faced in design system implementation and how you overcame them.

• Anticipate questions about how you handle design inconsistencies, manage component libraries, and collaborate with engineering teams.

• Consider how you would approach auditing an existing product's UI for standardization opportunities.

• Think about how you would explain the value of a design system to stakeholders who may not be familiar with its benefits.

📝 Enhancement Note: This section provides actionable advice tailored to a design systems role, focusing on portfolio content, interview expectations, and preparation strategies relevant to design operations and system design.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for component development, prototyping, and design collaboration. Mastery of its advanced features (variants, properties, auto layout) is critical.

• Design System Management Tools: While not explicitly named, familiarity with tools or methodologies for managing design tokens, style guides, and component libraries is expected.

• Prototyping Tools: Beyond Figma, familiarity with other prototyping or animation tools may be beneficial.

Analytics & Reporting:

• User Analytics Platforms: Tools like Google Analytics, Mixpanel, or Amplitude to understand user behavior and inform design decisions.

• Design QA Tools: Potentially tools for visual regression testing or design handoff that integrate with development workflows.

CRM & Automation:

• Project Management Software: Tools such as Jira, Asana, or Trello for tracking tasks, sprints, and design system development progress.

• Collaboration Platforms: Slack, Microsoft Teams for daily communication and team coordination.

📝 Enhancement Note: The technology stack is inferred based on the role's focus on design systems, Figma, and general SaaS product development environments.

👥 Team Culture & Values

Operations Values:

• Collaboration: A strong emphasis on working closely with cross-functional teams (design, engineering, product) to achieve shared goals.

• Consistency & Quality: A commitment to maintaining high standards of visual and interaction design across all product touchpoints.

• Efficiency & Scalability: Driving processes and systems that enable faster, more efficient product development and iteration.

• Continuous Improvement: A proactive approach to identifying areas for enhancement within the design system and development workflows.

• User-Centricity: Ensuring that design decisions are grounded in user needs and contribute to a positive user experience.

Collaboration Style:

• Partnership: Working as a partner with designers and engineers, rather than in a siloed capacity.

• Feedback-Oriented: Open to giving and receiving constructive feedback to refine designs and system components.

• Knowledge Sharing: Actively participating in sharing best practices, documentation, and insights related to the design system.

• System Adoption Support: Helping other teams understand and effectively utilize the design system to maximize its benefits.

📝 Enhancement Note: Team culture and values are inferred from the role's collaborative nature and the typical environment of a growing tech company.

⚡ Challenges & Growth Opportunities

Challenges:

• Adoption & Buy-in: Encouraging widespread adoption of the design system across diverse product teams and ensuring consistent usage.

• Maintaining Consistency: Keeping the design system up-to-date with evolving product needs and technological advancements while ensuring backward compatibility.

• Balancing Standardization with Flexibility: Creating a system that is robust enough to enforce standards but flexible enough to accommodate unique product requirements.

• Integrating AI Workflows: Effectively incorporating AI tools into the design process while maintaining design integrity and system alignment.

• Cross-Team Dependencies: Managing dependencies and communication across multiple product teams, each with potentially different priorities.

Learning & Development Opportunities:

• Advanced Design System Practices: Gaining expertise in areas like design token architecture, accessibility standards (WCAG), and performance optimization of components.

• AI in Design: Exploring and implementing cutting-edge AI tools and techniques for design and prototyping.

• Front-end Development Understanding: Deepening knowledge of front-end frameworks and constraints to improve collaboration with engineers.

• System Strategy: Contributing to the strategic roadmap and evolution of the design system.

• Mentorship: Developing leadership skills by guiding and supporting other designers in their use of the system.

📝 Enhancement Note: Challenges and growth opportunities are framed around the specific context of a design systems role within a tech company.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to advocate for the adoption of a design system or a new component within a team. What was your approach and the outcome?"

• "How do you approach documenting a new component to ensure it's easily understood and used by other designers and engineers?"

• "Walk us through your process for auditing an existing product's UI for design system inconsistencies. What tools and methods do you use?"

Company & Culture Questions:

• "What interests you most about CallRail and our product offerings?"

• "How do you typically collaborate with engineers during the component development and implementation process?"

Portfolio Presentation Strategy:

• Focus on Process, Not Just Pixels: Clearly articulate your thought process, decision-making, and problem-solving for each project.

• Quantify Impact: Whenever possible, use metrics to demonstrate the value and success of your design system contributions (e.g., improved efficiency, consistency, user satisfaction).

• Showcase Figma Mastery: Be ready to demonstrate your Figma skills live or through screen shares, explaining your use of advanced features.

• Tell a Story: Structure your case studies with a clear narrative: problem, your approach, solution, and results.

• Tailor to CallRail: Research CallRail's existing product and design language to show you've done your homework and understand their context.

📝 Enhancement Note: Interview questions are designed to assess practical skills, strategic thinking, and cultural fit relevant to a Design Systems Designer role.

📌 Application Steps

To apply for this Design Systems Designer position:

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

• Portfolio Customization: Tailor your portfolio to prominently feature your experience with Figma component building, design system documentation, and any contributions to AI prototyping workflows.

• Resume Optimization: Ensure your resume highlights keywords such as "Figma," "Design Systems," "Component Development," "UI/UX," "Auto Layout," and "Design Tokens." Quantify achievements where possible.

• Interview Preparation: Practice articulating your design process, system thinking, and collaborative approach. Prepare to discuss specific examples from your portfolio that align with the responsibilities outlined in this job description.

• Company Research: Familiarize yourself with CallRail's products, target audience, and company culture to demonstrate genuine interest and alignment during the interview process.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and industry-standard assumptions. All details should be verified directly with CallRail before making application decisions.

---