{"id":3186963,"url":"https://alion.io/job/mercury-frontend-engineer-design-systems","title":"Frontend Engineer - Design Systems","company":{"id":4381,"name":"Mercury","domain":"mercury.com","url":"https://alion.io/company/mercury","size_band":"501-1000","is_staffing_agency":false,"employer_type":"direct","is_intermediary":false,"listed_via":null,"ats_vendor":"Greenhouse","truth_index":{"grade":"A","score":85,"open_postings":6,"ghost_share":0,"stale_share":0.5,"repost_share":0.167,"time_to_fill_p50_days":52,"computed_at":"2026-10-27T05:46:45Z"}},"role":"Frontend","role_family":"Frontend","seniority":null,"employment_type":null,"work_mode":"remote","remote_scope":"stated_countries","remote_scope_basis":"posting_text","remote_working_hours":null,"hiring_geo_confidence":"inferred","locations":["San Francisco, United States"],"countries":["US"],"hiring_countries":["US","CA"],"hiring_countries_total":2,"salary":{"min":140800,"max":158400,"currency":"USD","period":"year","gross":null,"usd_annual":158400},"salary_estimate":null,"experience_years_min":null,"visa_sponsorship":false,"relocation_package":false,"has_equity":false,"technologies":[{"name":"AI Agents","optional":false},{"name":"Figma","optional":false},{"name":"React.js","optional":false},{"name":"TypeScript","optional":false},{"name":"JavaScript","optional":true}],"status":"live","first_seen_at":"2026-10-23T23:00:21Z","employer_posted_date":"2026-10-23","last_verified_at":"2026-10-28T02:15:57Z","board_verified":true,"closed_at":null,"days_open":4,"trust":{"level":"ok","repost_count":null,"flags":[],"days_open":4},"description":"Mercury's Design Systems team helps product teams build interfaces that feel consistent, accessible, and carefully considered. We're hiring a Frontend Engineer to help evolve the shared components and patterns behind those experiences, making it easier for teams across Mercury to turn good ideas into well-crafted software.\nYou'll work closely with designers and engineers to understand product needs, explore solutions, and carry improvements into the hands of the teams using them. This role is open to early-career and intermediate engineers. You'll build depth in frontend engineering and design systems through meaningful project ownership, with guidance from experienced teammates suited to your experience.\nDesign systems will be your initial focus within the team's broader Design Foundations work. As opportunities and interests align, you can also contribute to code-based prototyping and tools that help designers and AI agents work with Mercury's components. Strong AI fluency is part of how we build from the start.\nAs part of this role, you will:\nBuild shared components and patterns that make Mercury's interfaces better. You'll work in React and TypeScript, turning recurring product needs into flexible solutions that teams can use across different experiences.\nPartner with designers and product engineers to connect design intent with working software. Help evolve components and tokens across Figma and code, using feedback from real product work to improve the system.\nImprove the quality of the experiences built with our components. Consider how they look and behave for different users, bringing accessibility, thoughtful interactions, and reliable behavior into implementation and testing.\nMake the design system easier to use. Help teams adopt shared patterns and improve the examples, documentation, and workflows that let people build confidently with them.\nUse AI tools to explore approaches and move ideas into working code. Apply your judgment to what agents produce, test the results in context, and contribute useful approaches back to the team.\nWhat you'll bring:\nWe're interested in what you've built and how you think. Your experience may come from professional work, internships, coursework, open source, or personal projects.\nA foundation in React, TypeScript, HTML, and CSS, with experience building interfaces and the ability to explain the decisions behind your code.\nCare for visual craft and how people use software, including an interest in accessible interfaces and the details that make interactions feel right.\nHands-on fluency with AI coding tools. You can provide useful context, evaluate and improve generated code, and verify that it works as intended.\nOwnership and a willingness to learn: you follow work through, communicate when you need help, and use feedback to improve your approach.\nCuriosity about reusable systems and the tradeoffs involved in serving different product needs with shared components.\nAn interest in solving problems alongside designers and engineers, contributing ideas, and understanding the needs behind a request.\nExperience with design systems, prototyping, or developer tooling is a plus. You don't need to have held a design systems role to bring useful skills and ideas to this team.\nIf this role interests you, we invite you to explore our public demo at demo.mercury.com. \n*Mercury is a fintech company, not an FDIC-insured bank. Banking services provided through Choice Financial Group and Column N.A., Members FDIC.\nMercury 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.\nTotal Rewards\nThe total rewards package at Mercury includes base salary, equity (stock options/RSUs), and benefits.\nOur 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.\nOur target new hire base salary ranges for this role are the following :\nUS employees (any location):\n$140,800—$158,400 USD\nCanadian employees (any location):\n$115,700—$149,700 CAD","description_format":"text","description_chars":4757,"description_truncated":false,"requirements":{"experience_years_min":null,"management_years_min":null,"team_size_min":null,"manages_managers":false,"education":null,"security_clearance":false,"languages":[]},"benefits":["Equity","Stock options"],"hiring_locations":[{"name":"United States","iso":"US","kind":"country"},{"name":"Canada","iso":"CA","kind":"country"}],"hiring_excludes":[],"relocation_offered":false,"industries":["Financial Software & Embedded Finance","Digital Banks & Neobanks"],"lifecycle":[{"event":"open","at":"2026-10-24T00:17:40Z"}],"visa":[],"liveness":{"score":90,"band":"hot","label":"Hiring now","p_open":1,"p_active":0.903,"p_room":1,"age_days":3,"expected_fill_days":52,"reasons":["conf:2","velocity","win:early"],"computed_at":"2026-10-27T05:46:45Z"},"pay":{"stated_usd_annual":158400,"is_top_pay":false},"html_url":"https://alion.io/job/mercury-frontend-engineer-design-systems","json_url":"https://alion.io/job/mercury-frontend-engineer-design-systems.json","meta":{"generated_at":"2026-10-28T05:44:23Z","cache_seconds":300,"methodology":"https://alion.io/methodology","terms":"https://alion.io/terms","contact":"https://alion.io/contact","api":"https://alion.io/developers","about":"Alion is a live layer of people, companies and AI agents: who they are, whether they are real and active right now, what they do and how to work with them, readable by people and by agents and paid per call.","catalog":"https://alion.io/catalog.json","usage":{"tier":"crawler_verified","counted_by":"address","units_charged":1,"used_today":7505,"day_limit":null,"remaining_today":null,"minute_limit":300,"resets_at":"2026-10-29T00:00:00Z"}},"offers":[{"id":"company.slices","title":"One company in depth, by slice","status":"live","price":{"credits":0.02,"usd":0.002,"plus_per_slice":{"credits":0.05,"usd":0.005}},"unit":"per company, plus each slice with data","note":"the employer in depth","call":{"mcp_tool":"get_company","arguments":{"id":4381},"rest":"https://alion.io/mcp/rest/get_company?id=4381"},"human":"https://alion.io/catalog?offer=company.slices&for=job%2Fmercury-frontend-engineer-design-systems"},{"id":"market.stats","title":"A market slice: pay, demand and time to fill","status":"live","price":{"credits":1,"usd":0.1},"unit":"per slice","note":"pay, demand and time to fill for this role and place","call":{"mcp_tool":"market_stats"},"human":"https://alion.io/catalog?offer=market.stats&for=job%2Fmercury-frontend-engineer-design-systems"},{"id":"job.search","title":"Open jobs by role, technology, place, pay and visa","status":"live","price":{"credits":0.02,"usd":0.002},"unit":"per posting in a list","note":"similar open postings","call":{"mcp_tool":"search_jobs"},"human":"https://alion.io/catalog?offer=job.search&for=job%2Fmercury-frontend-engineer-design-systems"},{"id":"company.verify","title":"Is this company real and active right now","status":"pilot","price":null,"unit":"per company","request":{"url":"https://alion.io/catalog/request","method":"POST","body":"{\"offer\": \"company.verify\", \"for\": \"job/mercury-frontend-engineer-design-systems\", \"note\": \"what you need it for\"}"},"human":"https://alion.io/catalog?offer=company.verify&for=job%2Fmercury-frontend-engineer-design-systems"}]}