> Markdown version of [/jobs/ext/3546902-frontend-engineer-design-systems-commerce](https://www.wearedevelopers.com/jobs/ext/3546902-frontend-engineer-design-systems-commerce). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Frontend Engineer, Design Systems & Commerce

- **Company:** Also, Inc.
- **Location:** Seattle, WA, United States
- **Experience:** Expert
- **Salary:** $165,000.0 - $185,000.0
- **Contract:** Permanent contract
- **Skills:** Adobe Analytics, JavaScript (Programming Language), A/B Testing, Amazon Web Services, Business Logic, Cascading Style Sheets (CSS), Programming Tools, Node.Js, Shopify, Tag Management, TypeScript, Web Content Accessibility Guidelines, Web Usability, Klaviyo Email and SMS Marketing, ReactJS, Backend, Material UI, Figma, Graphql, Front End Software Development, Api Management
- **Published:** September 30, 2026
- **Apply:** https://www.juju.com/job/16_c8ea47361

## About the Role

* Strong Shopify experience is a must, with deep, hands-on work with Liquid, Online Store 2.0 theme architecture (sections, blocks, metafields, metaobjects), the Storefront and Admin GraphQL APIs, and the theme development toolchain
 * Experience building for multi-product-line brands and catalogs spanning hard goods, apparel, accessories, parts, and merch, understanding how differently each merchandises
 * Proven execution across seasonal and multi-campaign launches, shipping drops and overlapping campaigns without the codebase turning into a graveyard of one-off templates
 * Real experience building or materially extending a design system, including a component library and token system, and translating Figma libraries into durable, composable code
 * Expert-level modern frontend skills: JavaScript/TypeScript, CSS architecture, and a modern component framework (React or equivalent), comfortable with build tooling and progressive enhancement
 * Category and collection page depth, with strong opinions on faceted navigation, sort defaults, pagination vs. infinite scroll, and color/variant presentation, and the ability to collaborate easily with creative teams on how each affects conversion
 * Performance and accessibility as defaults (Core Web Vitals, image and font strategy, WCAG 2.1 AA), built in without being asked
 * Autonomy to take ambiguous creative direction, ask sharp questions, and drive to a shipped result with simple collaboration from Creative, not hand-holding or a fully specified ticket
 * Excellent collaboration and communication, able to hold your own with designers on craft and with backend engineers on contracts, building trust with both
 * 6+ years of frontend engineering, including 3+ years on commerce storefronts
 * Bonus: familiarity with Figma Dev tools, GSAP, or Hydrogen/Oxygen/headless Shopify (including knowing when headless is and isn't worth it)
 * Bonus: experience with the Shopify partner ecosystem (SearchSpring, Algolia, Klaviyo, reviews and loyalty apps), Shopify Functions, Checkout Extensibility, Markets, or B2B storefronts
 * Bonus: A/B testing and experimentation platforms, analytics instrumentation and tag management, motion/interaction craft, product configurators or build-your-own flows, or backend familiarity in Node.js on AWS

## Description

* Extend and steward our design system. Grow the component library, tokens, and page-composition patterns so they act as creative guardrails rather than a cage. Make the right thing the easy thing.
 * Build for self-serve. Architect Shopify theme sections, blocks, metafields, and metaobjects so that creative and merchandising partners can compose and launch pages without an engineer in the loop for every change.
 * Partner directly with creative and UX. Take a Figma file, a mood board, or a half-formed idea and drive it to a shipped page, asking the right questions, proposing alternatives, and making judgment calls on your own.
 * Own merchandising surfaces. Category and collection pages, faceted filtering and sort, variant and colorway selection, swatch and color-contribution logic, cross-sell and bundle modules, badging, and inventory- and availability-aware states.
 * Ship seasonal and concurrent campaigns. Support multiple campaigns running at once across product lines, with clean scheduling, staged launches, and graceful takedowns.
 * Hold the quality bar high. Core Web Vitals, accessibility, responsive behavior, cross-browser correctness, and analytics instrumentation are part of the definition of done.
 * Work cleanly with backend engineering. Define the data and API contracts you need, integrate with commerce, catalog, and account systems, and keep the boundary between presentation and business logic clean.


## Related Videos

- [Modern Headless Commerce with Vendure](https://www.wearedevelopers.com/videos/489-modern-headless-commerce-with-vendure)
- [Boost Productivity with AI: Figma & Playwright MCP Workflows - Aris Markogiannakis](https://www.wearedevelopers.com/videos/1768-boost-productivity-with-ai-figma-playwright-mcp-workflows-aris-markogiannakis)
- [Putting the Graph In GraphQL With The Neo4j GraphQL Library](https://www.wearedevelopers.com/videos/257-putting-the-graph-in-graphql-with-the-neo4j-graphql-library)
- [Developing the Backend with Stefan Lingler, CTO at Shpock](https://www.wearedevelopers.com/videos/100360-developing-the-backend-with-stefan-lingler-cto-at-shpock)
- [Bridging the Gap](https://www.wearedevelopers.com/videos/794-bridging-the-gap)
- [Meet Your New BFF: Backend to Frontend without the Duct Tape](https://www.wearedevelopers.com/videos/682-meet-your-new-bff-backend-to-frontend-without-the-duct-tape)

## Related Articles

- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers)
- [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025)
- [Web Development Best Practices: What The Data Tells us](https://www.wearedevelopers.com/magazine/84-web-development-best-practices-what-the-data-tells-us)
- [Dev Digest 139 - Soft and hard queries](https://www.wearedevelopers.com/magazine/487-dev-digest-139-soft-and-hard-queries)
- [10 Essential Figma Plugins for Frontend Developers in 2023](https://www.wearedevelopers.com/magazine/262-10-essential-figma-plugins-for-frontend-developers-in-2023)