Senior UI Engineer - Design Systems Job at CoStar Group in Richmond
CoStar Group, Richmond, VA, United States, 23214
Senior UI Engineer – Tailwind Design Systems
CoStar Group (NASDAQ: CSGP) is a leading global provider of commercial and residential real estate information, analytics, and online marketplaces. We are on a mission to digitize the world’s real estate, empowering all people to discover properties, insights and connections that improve their businesses and lives.
We are seeking an accomplished Senior UI Engineer to join our product engineering team. This role focuses on building scalable, maintainable, and reusable React components, leveraging Tailwind CSS, Storybook.js, and a structured design token system (both primitive and semantic) to deliver consistent, enterprise‑grade user interfaces. You will collaborate closely with product designers, other software engineers, product managers, and QA engineers across 30 development teams to create UI components and patterns that power complex workflows across our web‑based enterprise application for thousands of CoStar Group employees.
This position is located in our Richmond, VA office and offers a schedule of Monday–Thursday in office and Friday remote.
What We Offer
- Opportunity to influence and evolve our Tailwind‑based design system, token architecture, and UI component library.
- A collaborative engineering culture invested in modern frontend technologies.
- Continued professional growth within a forward‑thinking product team.
Responsibilities
- Build and maintain robust React components using Tailwind CSS and design tokens to ensure consistency, clarity, and scalability across the UI.
- Develop, document, and showcase components in Storybook.js, supporting component‑driven development and enhancing cross‑team collaboration.
- Implement and extend design tokens (primitive and semantic) to align styling, spacing, typography, color, and interaction patterns across the design system.
- Collaborate with product designers to translate design specifications into pixel‑accurate, accessible, and performant UI implementations.
- Ensure responsive, accessible, and cross‑browser interfaces, leveraging Tailwind CSS’s utility‑first approach for rapid iteration.
- Optimize UI performance through efficient rendering strategies, state management, and bundle‑size improvements.
- Contribute to and evolve the UI design system, including Tailwind configuration, token architecture, Storybook stories, and documentation.
- Integrate frontend components with RESTful or GraphQL APIs using modern React patterns.
- Write clean, well‑documented code, participating in code reviews to maintain high engineering standards.
- Troubleshoot and resolve frontend issues across environments while contributing to best practices and process improvements.
Qualifications
- Bachelor’s degree in Computer Science, Engineering, or equivalent from an accredited, not‑for‑profit, in‑person university or college.
- 3+ years of professional frontend or UI engineering experience, ideally in enterprise‑scale applications.
- Strong expertise in React, including hooks, state management, and component composition.
- Advanced experience with Tailwind CSS, including custom theming, responsive design, and utility composition.
- Hands‑on experience with Storybook.js, including creating stories, documentation, and component demos.
- Solid understanding of design tokens, both primitive (e.g., spacing, color values) and semantic (e.g., brand color roles, component‑specific tokens), and how they integrate into design systems.
- Proficiency in JavaScript/TypeScript, HTML5, modern CSS, and frontend build tooling (Webpack, Vite, Babel, npm/Yarn).
- Familiarity with design system methodologies and component‑driven development.
- Strong knowledge of web accessibility (WCAG) and responsive design principles.
- Experience integrating frontend components with APIs and working within modern UI architectures.
- Excellent problem‑solving, communication, and cross‑functional collaboration skills.
- Track record of commitment to prior employers.
Nice to Have
- Experience with large‑scale or workflow‑heavy enterprise applications.
- Background with testing frameworks such as Jest, React Testing Library, or Cypress.Experience maintaining or scaling complex design systems using Tailwind CSS, Storybook.js, and design tokens.
- Familiarity with CI/CD pipelines and cloud‑native development environments.
What’s in it for you?
When you join CoStar Group, you’ll experience a collaborative and innovative culture working alongside the best and brightest to empower our people and customers to succeed. We offer generous compensation and performance‑based incentives, and CoStar Group invests in your professional and academic growth through internal training and tuition reimbursement.
Benefits
- Comprehensive healthcare coverage: Medical / Vision / Dental / Prescription Drug
- Life, legal, and supplementary insurance
- Virtual and in‑person mental health counseling services for individuals and families
- Commuter and parking benefits
- 401(k) retirement plan with matching contributions
- Employee stock purchase plan
- Paid time off
- Tuition reimbursement
- On‑site fitness center and/or reimbursed fitness center membership costs (location dependent), with yoga studio, Peloton, personal training, group exercise classes
- Access to CoStar Group’s Diversity, Equity, & Inclusion Employee Resource Groups
- Complimentary gourmet coffee, tea, hot chocolate, fresh fruit, and other healthy snacks
We welcome all qualified candidates who are currently eligible to work full‑time in the United States to apply. However, please note that CoStar Group is not able to provide visa sponsorship for this position.
CoStar Group is an Equal Employment Opportunity Employer; we maintain a drug‑free workplace and perform pre‑employment substance abuse testing.