Summary
✨ AI‑Generated
A UI/UX development role responsible for designing and building the frontend of a new integration platform. You will translate complex technical workflows into intuitive interfaces, build reusable components, and create advanced node-based interactions such as drag, connect, zoom, and pan.
Highlights
Greenfield product development, substantial ownership over both design and implementation, work on sophisticated interactive interfaces, and the opportunity to shape a new platform from the ground up.
Description
Role in one sentence
A UI/UX developer who designs and builds the front end of a new integration product with a node-based, AI-assisted design.
The role turns complex technical workflows into a simple, usable interface.
Why this profile
This is a greenfield build.
The product has no existing front end to inherit or extend.
This person takes user interaction and design guidance and turns it directly into working code.
Design and code stay in one continuous loop.
Must-haves
5–9 years of experience in UI/UX development, with real ownership of shipped, complex products.Strong hands-on experience with React and Next.js.
Builds and maintains component libraries.Experience building node-based or canvas-style interfaces.
Drag, connect, wire, zoom, pan.
Familiar with libraries like React Flow, or has built equivalent canvas interactions from scratch.Experience designing multi-mode interfaces.
The same product adapts to different user types and still feels like one coherent product.Comfortable with real-time UI: WebSocket-driven updates, live logs, streaming states, optimistic UI.Experience building complex dynamic forms, validation (e.g., React Hook Form, Zod), and multi-step drawer/modal workflows for deeply configurable nodes.Strong grasp of design systems: typography, spacing, component consistency, dark-mode theming, accessible color contrast.Works directly from a REST API.
Understands API contracts and flags gaps early.Solid UX fundamentals: information hierarchy, progressive disclosure, error states, empty states, loading states.
Designs for edge cases with the same care as the main flow.Reviews own designs critically and explains interaction choices with clear reasoning.Fluent English.
Works well in a small, fast-moving technical team.
Nice-to-haves
Exposure to workflow builder UX patterns (e.g., data mapping/field wiring, payload schema previews, or step-by-step execution debugging).Familiarity with canvas performance optimization techniques (managing high node/edge counts without FPS drops) and state management libraries (e.g., Zustand, Redux).Familiarity with Node.js runtime environments and full-stack JavaScript workflows, aiding local prototyping and API mocking.Familiarity with conversational/chat UI patterns - keeping a chat panel and a visual canvas in sync.Experience with AI-assisted products - showing confidence scores, model output, or human-review/approval gates in a UI.Familiarity with FastAPI or similar Python backends- reads endpoint docs and reasons about data shape.Exposure to workflow/automation tools (e.g., n8n, Make, Zapier, Retool) as a user or builder.Experience designing for a technical, developer-facing audience - comfort with technical typography systems (e.g., IBM Plex Sans/Mono).
Tech stack
Frontend: React, Next.jsBackend/API: Node.js, REST + WebSocket, OpenAPI-basedVisual canvas: Node/edge-based workflow builder (React Flow or equivalent)Styling: Component-based design system, dark-mode-first, technical typographyAuth: OIDC/OAuth2
