Product Design Engineer - remote

Metalabel
Posted 6 months ago
We Work Remotely
Product Design Engineer
Metalabel is looking for a full-time Product Design Engineer who can design polished UI and write production code. The ideal candidate should have a deep passion for front end development, design, craft, and be energized in a fast-paced environment.


As Product Design Engineer, you will join product, design, and engineering teammates to build Metalabel’s core application suite. You will establish, evolve, and maintain design foundations, systems, and patterns for the team, setting the bar for quality and consistency. You will collaborate with design and engineering to help unblock designs or interactions within a specific feature and collaboratively implement our vision for a new creative era.


Proven familiarity with shipping a complex React/TypeScript application from idea to production is highly preferred. We are looking for a pragmatic builder with good instincts around managing a living codebase. Senior+ level coding fluency is less important than the practical ability to turn an idea into a reality and proactively drive our UI layer at scale.


As a very small team made up of diverse technical and non-technical peers spread across the globe, we are looking for someone with strong asynchronous communication skills and a genuine enthusiasm for the universe we’re building together.


Think you’d make a great fit and want to learn more about this role? Reach out at
hello@metalabel.com with ‘Product Design Engineer’ in the subject line with examples of projects (whether shipped or simply concepted) to start the conversation.


Key responsibilities

  • Build, iterate, maintain, and debug the web client UI for Metalabel’s core application suite
  • Implement Figma UI designs, flow prototypes, design system, and components in TypeScript React
  • Handle transitions, error/loading indicators, and other interstitial states and logic that may not always be covered in static design mockups
  • Proactively iterate on application structure, architecture, utilities and components to streamline delivery, improvements, and design parity
  • Spec, delegate, and be accountable for component-level work from externally contracted developers as needed
  • Coordinate with Platform efforts via integrating the Metalabel SDK library that provides an RPC client and utilities for all protocol/cloud interactions
  • Collaborate closely with product, design, and engineering teammates, actively participating in and contributing to planning, strategy, product development, and architecture discussions
  • Prioritize application performance, frame budget, request volume, bundle size, and other essential aspects of application responsiveness

Skills and qualifications

  • Have built, shipped, and maintained a substantial portion of a complete web application UI to production
  • Enthusiasm for building within our universe, delighting users, and excitement about the types of tooling and experiences we are creating
  • Ability to work harmoniously in a tight-knit team, and willingness to navigate diverse perspectives with minimal ego
  • Commitment to technical excellence, product-oriented thinking, and full-stack understanding
  • Strong understanding of color, typography, hierarchy, layout, and design principles
  • Expertise in CSS, demonstrating mastery of advanced techniques such as CSS grid, flexbox, animations, transitions, and responsive design principles.
  • Experience building and maintaining a design system and component library and evangelizing the system across teams
  • Can reduce complex problems down to simple design solutions
  • Highly capable at translating static design files (Figma, etc) into dynamic UIs
  • Strong asynchronous communication skills with both technical and non-technical peers
  • Advanced familiarity with implementing complex application UIs in React and TypeScript
  • Experience with coding in a statically typed language, ideally TypeScript
  • Use latest AI tools like Copilot and chat LLMs for faster coding, codebase onboarding, and communication
  • Tech Stack: TypeScript, React v18, Remix, Vercel, Radix UI, Vanilla Extract CSS

Additional information, links, and vibes

  • About Metalabel - Details about our project, and our vision around reimagining the label
  • Metablogging - A core practice here at Metalabel that lets us move faster with fewer meetings by adopting internal blogs
  • Metalabel FAQ - Questions and answers on labels, our project, and more

Role and compensation

  • The role is fully remote with IRL gatherings
  • Candidates can be located anywhere in the world, but ability to align time zones with EST/GMT is a plus
  • Base Salary Range $120,000 - $150,000 USD annually with full benefits
  • Comes with options grant for equity in the project

We are committed to equal employment opportunity regardless of race, color, ethnicity, ancestry, religion, national origin, gender, sex, gender identity or expression, sexual orientation, age, citizenship, marital or parental status, disability, veteran status, or other class protected by applicable law. We believe that a team that represents a variety of backgrounds, perspectives, and skills will better service the diverse community of creators we support.


*If you require an accommodation to apply or interview with us due to a disability or special need, please email hello@metalabel.com


Thank you