Frontend Engineer, Design System

Asana•San Francisco, CA

10d•$171,000 - $209,000•Hybrid

About The Position

Do you want to deepen your frontend skills and have a sweeping impact? Asana’s Design System team is looking for an engineer to help us build the future of how all product engineers build UI at Asana. The majority of what you see in Asana comes from the Design System. You’ll bridge design and engineering, making intentional space to do a great job at supporting product teams—whether they need our frontend expertise or accessibility knowledge. Our vision is a future where Asana’s product engineers rarely need to write CSS. To make this real, we prioritize craft and quality, continuously improving the system in ways that compound over time. We co-create our work cross-functionally, preferring daily collaboration and understanding needs over traditional design mock hand-offs. This role is based in our San Francisco office with an office-centric hybrid schedule. The standard in-office days are Monday, Tuesday, and Thursday. Most Asanas have the option to work from home on Wednesdays. Working from home on Fridays depends on the type of work you do and the teams with which you partner. If you're interviewing for this role, your recruiter will share more about the in-office requirements. What you’ll achieve : Build Core Primitives: Develop flexible UI primitives like Stacks (layout) and Drawers that solve longstanding pains and allow product engineers to write less CSS. Co-create Cross-Functionally: Move beyond traditional hand-offs by collaborating daily with designers, product managers, and data scientists. You will work to understand intent, navigate tradeoffs, and build consensus on solutions that touch every team. Deepen Frontend Craft: Grow into a frontend expert by learning from engineers who operate at scale. You will learn Advanced React, TypeScript, and CSS architecture , balancing velocity with quality through incremental, stress-tested rollouts. Empower the Organization: Support and teach product engineers across Asana. You will contribute to documentation and best practices , ensuring teams can effectively leverage the design system to ship features independently. Scale Systems: Design component APIs that scale across hundreds of engineers and millions of users. While frontend-focused, you will collaborate with backend engineers when needed to ensure full-stack feature success. At Asana, we're committed to building teams that include a variety of backgrounds, perspectives, and skills, as this is critical to helping us achieve our mission. If you're interested in this role and don't meet every listed requirement, we still encourage you to apply.

Requirements

2+ years of software development experience with a deep interest in modern frontend web technology ( TypeScript, React & Sass/CSS ).
Are motivated by systems thinking and want to learn how to build APIs that serve the entire engineering organization.
Value cross-functional partnership , preferring to collaborate with designers, PMs, and engineers to define problems rather than just implementing specs.
Have a growth mindset and are eager to learn from those around you, while sharing your own growing expertise to help others improve.
Enjoy teaching and mentoring. You are excited about helping others succeed and establishing patterns that scale.
Want to ship with confidence , ensuring high reliability, accessibility , and inclusive design standards in everything you build.
Demonstrates curiosity about AI tools and emerging technologies, with a willingness to learn and leverage them to enhance productivity, collaboration, or decision-making

Responsibilities

Build Core Primitives: Develop flexible UI primitives like Stacks (layout) and Drawers that solve longstanding pains and allow product engineers to write less CSS.
Co-create Cross-Functionally: Move beyond traditional hand-offs by collaborating daily with designers, product managers, and data scientists. You will work to understand intent, navigate tradeoffs, and build consensus on solutions that touch every team.
Deepen Frontend Craft: Grow into a frontend expert by learning from engineers who operate at scale. You will learn Advanced React, TypeScript, and CSS architecture , balancing velocity with quality through incremental, stress-tested rollouts.
Empower the Organization: Support and teach product engineers across Asana. You will contribute to documentation and best practices , ensuring teams can effectively leverage the design system to ship features independently.
Scale Systems: Design component APIs that scale across hundreds of engineers and millions of users. While frontend-focused, you will collaborate with backend engineers when needed to ensure full-stack feature success.

Benefits

Our comprehensive compensation package plays a big part in how we recognize you for the impact you have on our path to achieving our mission.
We believe that compensation should be reflective of the value you create relative to the market value of your role.
To ensure pay is fair and not impacted by biases, we're committed to looking at market value which is why we check ourselves and conduct a yearly pay equity audit.
For this role, the estimated base salary range is between $171,000 - $209,000.
The actual base salary will vary based on various factors, including market and individual qualifications objectively assessed during the interview process.
The listed range above is a guideline, and the base salary range for this role may be modified.
In addition to base salary, your compensation package may include additional components such as equity, sales incentive pay (for most sales roles), and benefits.
If you're interviewing for this role, speak with your Talent Acquisition Partner to learn more about the total compensation and benefits for this role.
We strive to provide equitable and competitive benefits packages that support our employees worldwide and include:
Mental health, wellness & fitness benefits
Career coaching & support
Inclusive family building benefits
Long-term savings or retirement plans
In-office culinary options to cater to your dietary preferences
These are just some of the benefits we offer, and benefits may vary based on role, country, and local regulations.
If you're interviewing for this role, speak with your Talent Acquisition Partner to learn more about the total compensation and benefits for this role.