Design Engineer
Listed on 2026-02-16
-
Engineering
Systems Engineer, Software Engineer
Join to apply for the Design Engineer role at Monad Foundation
.
The Monad Foundation is a team of dedicated ecosystem and community builders who are on a mission to massively grow the impact of decentralized tech. We believe that the Monad blockchain—the performant and parallel EVM Layer 1—will help decentralized apps eat the world.
The RoleThe Design Engineer sits within the Design Team and owns the behavioral layer: which includes interaction logic, motion systems, micro-interactions, and the high-fidelity UI and prototypes that define how features feel before engineering builds them. This role is upstream of implementation. Instead of waiting for specs, you shape them—state transitions, sequencing, timing, easing, and the patterns that reduce cognitive load and build trust.
Where a Frontend Engineer focuses on correctness, reliability, and performance, a Design Engineer focuses on clarity, feel, perceived speed, and emotional UX. If you think in behaviors instead of screens, work quickly in code to explore variations, and have the taste to know when timing is off by 100ms, this role is for you.
Interaction Architecture & Behavior Design- Define interaction models, state diagrams, and multi-step flows (idle → hover → press → loading → success → error).
- Shape transitions that improve clarity, trust, and perceived performance.
- Establish behavioral defaults and consistent interaction patterns across the product.
- Design motion as communication—timing scales, easing curves, hierarchy, spatial continuity.
- Build motion tokens and reusable interaction primitives (duration stacks, velocity scales, spring configs).
- Create GSAP/Framer Motion animations that reduce friction, explain system changes and even to tell stories.
- Prototype flows in real code (Next.js sandboxes, isolated canvases) to validate experience early.
- Explore multiple variants quickly to answer UX questions before engineering commits.
- Pressure-test complexity, emotional tone, and loading states through motion-first prototypes.
- Design multi-state component behavior (press, release, scrub, drag, kinetic motion).
- Shape feedback for transactions, loading, optimistic UI, and error recovery.
- Prevent user disorientation with subtle transitions, progressive reveals, and spatial continuity.
- Create an enjoyable, polished and uniquely branded experience through animation.
- Develop interaction and motion tokens for duration, easing, velocity, and transforms.
- Define systemized micro-interactions for buttons, cards, lists, panels, and navigation.
- Collaborate with the design-system team to integrate motion guidelines and behaviors into core components.
- Work with designers to refine flows, simplify complexity, and surface issues early.
- Work with engineers to clarify behavior requirements and reduce rework cycles.
- Provide guidance on constraints, feasibility, and opportunities to elevate the experience.
- Bridge the gap between design and engineering.
- Design loading behaviors that reduce perceived waiting.
- Establish patterns for skeletons, micro-delays, optimistic UI, and sequencing.
- Diagnose friction based on user confusion, not just technical bugs.
- 5+ years in a hybrid design/engineering role (Design Engineer, Interaction Engineer, Prototyper).
- Strong GSAP or Framer Motion skills—beyond simple examples.
- Experience building prototypes in React/Next.js to validate flow and timing.
- Deep understanding of timing, easing, motion hierarchy, and when each is appropriate.
- Strong visual craft: spacing rhythm, type alignment, optical adjustments, depth cues.
- Knowledge of animation performance: transform/opacity, avoiding layout thrash, interruptibility.
- Comfortable shaping ambiguous UX spaces and exploring alternatives quickly.
- Communicates behavior clearly through prototypes, diagrams, and rationale.
- High bar for detail and interaction quality.
- Experience with FLIP/layout transitions, layout
Id, and shared-layout strategies. - Experience with WebGL/Canvas/SVG for advanced motion.
- Motion/integrati…
To Search, View & Apply for jobs on this site that accept applications from your location or country, tap here to make a Search: