高级前端工程师 - 设计系统
Senior Frontend Engineer - Design Systems
"我们可以说，分析引擎编织代数模式的方式，就像提花织布机编织花朵和叶子一样。"
— 阿达·洛夫莱斯，1843年
洛夫莱斯在织布机中看到的是模式——花朵和叶子，被忠实重复，每一个都由一双选择它的手开始。Mercury 也是由模式构建的。每个组件，每个客户所信赖的交互，都始于某人决定其应如何运作，并使其足够优秀以被反复使用。维护这些模式，并赋予 Mercurry 每个人使用它们的能力，是设计系统团队的工作，也是这个职位的北极星。
作为设计系统团队的高级前端工程师，你将构建和维护这些模式：构成 Mercury 所有产品基础的组件和基础结构。如果做得好，这里的每一个决定都能让每个产品团队更快。
不过，这项工作的基础正在发生变化。软件正在以新的方式构建，AI 也越来越成为设计系统创建和使用的一部分。我们寻找的是能够在这个交叉点上熟练操作的人：对设计系统有深入理解，并且同样重视在 AI 前沿构建一个系统的必要条件。
作为该职位的一部分，你将：
- 构建并维护 Mercury 产品所依赖的组件、模式和基础结构（标记、字体、颜色、布局），对可访问性、性能和像素级工艺保持高标准。
- 与设计合作伙伴紧密合作，将新模式从概念带到生产，缩短从构思到实际交付的循环。
- 领导将新用户界面模式推向市场以解决产品团队的实际痛点的项目，帮助他们更快地构建更好的体验。
- 开发一个既适用于人类也适用于 AI 的设计系统，利用技术创造杠杆效应。
- 投资于设计系统的原型体验，塑造我们设计功能快速原型设计、迭代产品和探索新概念的下一次迭代。
- 通过指导和明确的最佳实践，提升周围人的工艺水平和 AI 熟练度。
该职位的理想候选人：
我们寻找一位关心基础工作的人，这些工作让其他人能够发挥最佳水平，并且渴望帮助定义在智能体与我们并肩工作的世界中，设计系统意味着什么。成功的候选人可能具备：
- 4 年以上前端开发经验
查看英文原文
"We may say most aptly that the Analytical Engine weaves algebraic patterns just as the Jacquard loom weaves flowers and leaves."
— Ada Lovelace, 1843
What Lovelace saw in the loom was the pattern — flowers and leaves, repeated faithfully, each one begun by a hand that chose it. Mercury is built from patterns too. Every component, every interaction our customers come to trust, starts with someone deciding how it should go, and making it good enough to be used again and again. Tending those patterns, and giving everyone at Mercury the means to weave with them, is the work of our Design System team, and the north star of this role.
As a Senior Frontend Engineer on the Design Systems team, you will build and care for those patterns: the components and foundations that everything else at Mercury is built on. Done well, a single decision here makes every product team faster.
The ground under that work is shifting, though. Software is being built in new ways, and AI is increasingly part of how design systems are made and used. We are looking for someone who is fluent at that intersection: deeply versed in design systems, and equally as serious about what it takes to build a system that holds up at the leading edge of AI.
As part of this role, you will:
- Build and maintain the components, patterns, and foundations (tokens, type, color, layout) that Mercury's product is woven from, holding a high bar for accessibility, performance, and pixel-level craft.
- Work hand-in-hand with design partners to bring new patterns from concept to production, tightening the loop between ideation and what actually ships.
- Lead projects that ship new UI patterns to solve real pain points for product teams, helping them build better experiences faster.
- Develop a design system that's as ready for AI as it is for people, applying the technology to create leveraged outcomes.
- Invest in the design system's prototyping experience, shaping the next iteration of how our design function rapidly prototypes, iterates on the product, and explores new concepts.
- Raise the craft and AI fluency of the people around you, through mentorship and clear best practices.
The ideal candidate for the role:
We're looking for someone who cares about the foundational work that lets other people do their best work, and who's eager to help define what a design system means in a world where agents build alongside us. A successful candidate will likely have:
- 4+ years of frontend development, with deep experience in React, TypeScript, and modern web technologies.
- Experience building or maintaining a design system or shared component library.
- A thorough command of modern frontend tooling: build systems, CI/CD, and testing.
- High agency, and comfort creating clarity in ambiguous spaces. You take ownership and move without waiting for a defined path.
- First-principles systems thinking that stays oriented to outcomes. You make clear decisions that drive toward results instead of getting stuck in open questions.
- Strong product taste, and an instinct for leverage: the change that makes many teams better, not the one component polished in isolation.
- Hands-on fluency at the intersection of AI and software development: a real command of how emerging AI paradigms are changing the way software gets built, and the ability to turn that into practical leverage, both for the design system itself and for the people who build on it.
If this role interests you, we invite you to explore our public demo at demo.mercury.com.
*Mercury is a fintech company, not an FDIC-insured bank. Banking services provided through Choice Financial Group and Column N.A., Members FDIC.
Mercury values diversity & belonging and is proud to be an Equal Employment Opportunity employer. All individuals seeking employment at Mercury are considered without regard to race, color, religion, national origin, age, sex, marital status, ancestry, physical or mental disability, veteran status, gender identity, sexual orientation, or any other legally protected characteristic. We are committed to providing reasonable accommodations throughout the recruitment process for applicants with disabilities or special needs. If you need assistance, or an accommodation, please let your recruiter know once you are contacted about a role.
#LI-ME1
Total Rewards
The total rewards package at Mercury includes base salary, equity (stock options/RSUs), and benefits.
Our salary and equity ranges are highly competitive within the SaaS and fintech industry and are updated regularly using the most reliable compensation survey data for our industry. New hire offers are made based on a candidate’s experience, expertise, geographic location, and internal pay equity relative to peers.
Our target new hire base salary ranges for this role are the following:
US employees (any location):
$166,600—$208,300 USD
Canadian employees (any location):
$157,400—$196,800 CAD