> Markdown version of [/jobs/ext/1941548-staff-design-engineer](https://www.wearedevelopers.com/jobs/ext/1941548-staff-design-engineer). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # Staff Design Engineer - **Company:** Miro - **Location:** Granada, Spain (Remote available) - **Contract:** Permanent contract - **Skills:** Application Programming Interfaces (APIs), Artificial Intelligence, Cascading Style Sheets (CSS), TypeScript, WebGL, ReactJS, Build Management, Figma, Interactive Whiteboards - **Published:** August 5, 2026 - **Apply:** https://www.buscojobs.com.es/staff-design-engineer-en-granada-ID-365385410 ## About the Role Fluency in React, TypeScript, and CSS; strong architectural opinions that come from shipping, not reading. Hands?on experience with canvas and graphics technologies: WebGL, Canvas API, SVG, and complex layout systems. Deep craft in motion and timing, easing curves, transition timing, hover states, and frame budgets that are as deliberate for you as layout decisions. Experience designing real?time multiplayer systems: you've thought about presence, conflict, and co?authorship as UX problems, not just engineering ones. Experience designing AI experiences; you understand the difference between putting a text input on a page and designing around probabilistic, latent AI outputs. The instinct to prototype in code first: you reach for the browser before Figma when exploring a new interaction, and you're fast enough that prototyping doesn't feel like a cost. Systems thinking across a large product surface, you connect patterns, design with awareness of implications elsewhere, and contribute to coherence. Experience with streaming APIs, structured outputs, and the UX patterns that make probabilistic systems feel reliable and worth trusting. The ability to influence the quality of work around you, through written communication, mentorship, and setting standards that others build on. ## Description About The RoleAs a Staff Design Engineer, you will work across canvas feel, multiplayer interaction, and AI experiences, owning the craft layer that determines whether Miro feels like a place rather than a page. This is a build?first role: you prototype in code because it is the most honest medium, and you ship because you care about what lands in front of real people.You will embed with product teams across the canvas and AI portfolio while holding a broader charter around quality and craft standards. You will work closely with product designers, engineers, PMs, and researchers, and you will be a key voice in how design engineering as a practice grows at Miro.What You'll DoOwn the core interaction layer of the canvas, responsiveness, rendering, input handling, and spatial transitions, working on the things users feel before they name.Design and build the multiplayer moments that make working alongside someone in Miro feel genuinely different from working alone: presence, cursors, conflict, and co?creation.Define what it means to have an AI collaborator in a visual, multiplayer space-shaping how AI outputs land on the canvas, how suggestions feel without being intrusive, and how generative results become part of a team's work.Craft the moments of delight and magic that make Miro memorable: animations, micro?interactions, and transitions where the tool disappears and the thinking takes over.Build the patterns, prototypes, and shared tooling that make the broader design and engineering organization faster and more confident.Write things down, teach by doing, and set a quality standard that propagates, contributing to coherence across the canvas, not just within your own area.Collaborate closely with product designers, engineers, PMs, and researchers across Miro's canvas and AI portfolio.What You'll NeedFluency in React, TypeScript, and CSS; strong architectural opinions that come from shipping, not reading.Hands?on experience with canvas and graphics technologies: WebGL, Canvas API, SVG, and complex layout systems.Deep craft in motion and timing, easing curves, transition timing, hover states, and frame budgets that are as deliberate for you as layout decisions.Experience designing real?time multiplayer systems: you've thought about presence, conflict, and co?authorship as UX problems, not just engineering ones.Experience designing AI experiences; you understand the difference between putting a text input on a page and designing around probabilistic, latent AI outputs.The instinct to prototype in code first: you reach for the browser before Figma when exploring a new interaction, and you're fast enough that prototyping doesn't feel like a cost.Systems thinking across a large product surface, you connect patterns, design with awareness of implications elsewhere, and contribute to coherence.Experience with streaming APIs, structured outputs, and the UX patterns that make probabilistic systems feel reliable and worth trusting.The ability to influence the quality of work around you, through written communication, mentorship, and setting standards that others build on.What's In It For YouCompetitive equity packageLunch, snacks and drinks provided in the officeWellbeing benefit and WFH equipment allowanceAnnual learning and development allowance to grow your skills and careerOpportunity to work for a globally diverse team#J-*****-Ljbffr ## Related Videos - [Fireside Chat with Kris Rasmussen, CTO at Figma](https://www.wearedevelopers.com/videos/982-fireside-chat-with-kris-rasmussen-cto-at-figma) - [Rendering Design Software in the Browser at Penpot](https://www.wearedevelopers.com/videos/1353-rendering-design-software-in-the-browser-at-penpot) - [Boost Productivity with AI: Figma & Playwright MCP Workflows - Aris Markogiannakis](https://www.wearedevelopers.com/videos/1768-boost-productivity-with-ai-figma-playwright-mcp-workflows-aris-markogiannakis) - [Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS](https://www.wearedevelopers.com/videos/282-watch-tests-go-brrrr-getting-started-with-cypress-in-reactjs) - [Designing the Future of Human<>Agent Collaboration](https://www.wearedevelopers.com/videos/1447-designing-the-future-of-human-agent-collaboration) - [TresJS a new declarative ThreeJS as Vue components](https://www.wearedevelopers.com/videos/543-tresjs-a-new-declarative-threejs-as-vue-components) ## Related Articles - [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers) - [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front) - [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025) - [Dev Digest 130 - The Diablo is in the details](https://www.wearedevelopers.com/magazine/470-dev-digest-130-the-diablo-is-in-the-details) - [Dev Digest 129 - Now that's what I call private data!](https://www.wearedevelopers.com/magazine/468-dev-digest-129-now-that-s-what-i-call-private-data) - [Dev Digest 131 - AI'm not sure about OSS](https://www.wearedevelopers.com/magazine/472-dev-digest-131-ai-m-not-sure-about-oss)