UX Engineer

Mission:

Elevate n8n's product quality and consistency by ensuring design excellence across all features while building and scaling a world-class design system that bridges design with technical implementation.

What you'll do work on:
Design System Development & Governance

• Lead the rollout and evolution of n8n's design system across both design and code, maintaining components in Figma and implementing them in Vue.js.
• Establish governance policies, define guidelines, and create documentation for the design system to ensure its consistent adoption across the product.
• Work closely with product designers and front-end engineers to refine and implement reusable components.

Feature Design Quality & Refinement

• Review and refine features before release, ensuring they meet our high-quality standards for user experience.
• Make visual adjustments and improvements to features in alignment with design system standards.
• Design, build, and deploy smaller user-facing features to production.
• Collaborate with front-end engineers to optimize performance and ensure technical feasibility.

Cross-Functional Collaboration

• Partner closely with product designers to ensure the design system supports their needs while maintaining consistency.
• Collaborate with front-end engineers to implement components and improve the developer experience.
• Regularly align with product management to ensure feature priorities and design standards are met.

REQUIREMENTS
Must-haves

• 🎨 Design excellence: You have a strong portfolio demonstrating exceptional visual design skills, attention to detail, and the ability to create polished interfaces.
• 💻 Technical implementation: You have exceptional proficiency in HTML, CSS, JavaScript, and TypeScript, with hands-on experience building production-ready components. You're either proficient in Vue.js or willing to quickly learn it.
• ⚙️ Design systems experience: You have a proven track record of contributing to or maintaining design systems, including component creation, documentation, and governance.
• 🤝 Collaborative mindset: You possess excellent communication skills, enabling you to work effectively across design and engineering teams, advocating for quality while balancing technical constraints.

Nice-to-haves

• 🖥️ Vue.js expertise: Existing experience with the Vue.js ecosystem and best practices would accelerate your impact.
• 🎞️ Animation & interaction: Skills in creating micro-interactions, transitions, and animations that enhance user experience.
• 🌍 Open-source contribution: Experience contributing to or maintaining open-source projects, understanding community dynamics and feedback loops.
• 🔧 Performance Optimization: Knowledge of front-end performance best practices and optimization techniques.
• ♿ Accessibility Standards: Experience implementing accessibility standards (WCAG) and creating inclusive design experiences.
• 🧪 Development tooling: Experience with modern frontend tooling for development, documentation, and visual testing (Storybook, Chromatic, etc.).
• 🔄 Workflow automation domain: Familiarity with workflow automation, iPaaS, or business process automation tools.
• 🏡 Remote collaboration: Proven success working in distributed teams across time zones.