Design Engineer

This is a fully remote position, open to applicants in California, +2 more states.

📋 Description

• Take ownership of the Waypoint Figma library, focusing on component architecture, variants, properties, and comprehensive documentation.

• Develop and sustain essential Waypoint components while contributing to component packages.

• Ensure consistency between Figma design tokens and their code counterparts, including CSS custom properties and Tailwind configuration.

• Collaborate with product designers to transform new design patterns into system components.

• Work alongside product engineers to guarantee that components are easily adoptable and correctly utilized.

• Establish and enhance workflows and tools that connect Figma with code, incorporating sync scripts, plugins, and documentation sites.

• Create documentation and usage instructions for components.

• Participate in architectural decisions regarding the addition or extension of components, versioning, packaging, and maintaining system integrity.

• Assist in evolving Waypoint so that AI models can interpret, understand, and utilize its components, tokens, and patterns.

⛳️ Requirements

• Proficient in both Figma and production code.

• Proven experience in managing Figma library structure, variants, properties, tokens, and documentation.

• Background in building and maintaining component packages.

• Familiarity with design tokens, CSS custom properties, and Tailwind configuration.

• Capability to collaborate with product designers and engineers to convert patterns into easily adoptable system components.

• Experience in Figma/code workflows and related tooling, including sync scripts, plugins, or documentation sites.

• Skillful in producing clear documentation and usage instructions.

• Understanding of component system architecture, versioning, packaging, and consistency.

• Ability to arrange components, tokens, and patterns for legibility by AI systems.

• A portfolio link is required.

• Nice to have: experience with design-to-code synchronization tools, such as Figma plugins, token pipelines, or MCP-based workflows.

• Nice to have: knowledge of WCAG accessibility standards.

• Nice to have: experience in packaging/versioning component libraries, npm scoped packages, semantic versioning, and changelogs.

• Nice to have: familiarity with iOS/SwiftUI, Android/Jetpack Compose, or Style Dictionary.

• Nice to have: background in an AI-native product environment or a keen interest in AI and design systems.

🏝️ Benefits

• Weekly lunch stipend of $75/£75 or its equivalent in local currency.

• Comprehensive health and dental benefits.

• Dedicated budget for mental health support.

• RRSP matching, 401K, and Pension Scheme.

• 100% parental leave top-up for up to 6 months for either parent.

• Annual enrichment benefits covering arts & culture, fitness/wellness, quality time, and workspace improvement credit.

• Education and learning stipend available for conferences, courses, and coaching.

• Six weeks of paid vacation (30 working days).

• Budget for travel to other offices if working remotely.

• Annual company offsite events.

• Daily lunch program, along with snacks and community/social events for office-based employees.

• Co-working benefit for employees located away from an office.

• $500 home office stipend.

• Equity options provided.