Product Designer — Design Systems & AI Interfaces

Product Designer — Design Systems & AI Interfaces

Compensation: Equity + Revenue Share
Type: Full-time

Remote: Optional

Own the end-to-end design of our local-first AI workspace: design system, editor interfaces, data visualization, and AI interaction patterns. You define how users compose documents, build diagrams, analyze data, and steer models—all within a cohesive, token-driven system that renders pixel-perfect across macOS and Windows.

Responsibilities

• Design System: Component library, spacing/type/color tokens (Figma ↔ code sync), light/dark theming, empty states, accessibility baseline
• Editor Interfaces: Document editor (Lexical), canvas/diagram/shape editors, block palette, inspector panels, command palette
• Data Visualization: Chart components (Recharts), dashboard layouts, table views, export formats—design spec + component API for engineering
• AI Interaction Patterns: Model selection, parameter controls, streaming responses, tool calls, citations, reasoning traces, error states
• User Research: Usability testing on AI features, prototyping evaluation, accessibility audits, inclusive design reviews
• Design Handoff: Figma specs with component mapping, token references, interaction annotations, state documentation
• Cross-Platform Consistency: macOS (WebKit) vs Windows (WebView2) rendering parity, native-feel conventions
• Design Operations: Design review cadence, design QA in staging, component deprecation, versioned token releases
• Mentorship: Guide design interns; partner with Frontend Engineer on component implementation reviews

Qualifications

• 4+ years product design for complex desktop or developer tools (IDE, design tool, data platform, CAD)
• Expert Figma: auto-layout, variants, component properties, design tokens, multi-brand theming
• Strong portfolio showing: editor interfaces, data-dense UIs, design systems, AI/ML product surfaces
• Fluency with design tokens (Style Dictionary, Tokens Studio, or custom) and handoff to React/TypeScript
• Understanding of SVG/Canvas rendering constraints, Recharts component API, Lexical editor chrome
• Accessibility expertise: WCAG 2.1 AA, ARIA patterns for custom components, keyboard-first flows
• Experience designing for local-first / offline-first applications

Preferred

• Background in HCI, CS, or data visualization
• Code literacy: can read React/TypeScript, suggest component API improvements
• Experience with Tauri, Electron, or native desktop design conventions
• Publications or case studies on AI interface design, editor design, or design systems
• Familiarity with print/layout design (pagination, pagination-aware components)

Tauri - rust

(React 19, TS, Lexical, custom grid, Recharts). Own the rendering layer: SVG shapes, theme-aware charts, and one shared selection/interaction system across the canvas, diagram, and shape editors.

Work

• Shared drag/resize/rotate + keyboard selection for all editors
• Extend token-driven chart theming and the SVG shape layer
• Design pass on pages/blocks (spacing, type, empty states)
• Print/preview layout polish

Skills

• React + TypeScript; strong SVG/canvas rendering
• Design-systems experience (CSS custom-property tokens, light/dark)
• Built or worked deep in an editor (Lexical, Slate, Draft, ProseMirror)
• Comfortable with the UI detail work
• Nice-to-have: Recharts/D3, Mermaid, dagre, Tauri