> Markdown version of [/jobs/ext/17941-design-engineer](https://www.wearedevelopers.com/jobs/ext/17941-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).

---

# Design Engineer

- **Company:** Quorum Cyber
- **Location:** Edinburgh, UK
- **Contract:** Permanent contract
- **Skills:** JavaScript (Programming Language), Component-Based Software Engineering, Cascading Style Sheets (CSS), Interaction Design, Quorum, Rapid Prototyping Process, Responsive Web Design, TypeScript, Website Wireframe, ReactJS, Material UI, Figma, Front End Software Development
- **Published:** May 17, 2026
- **Apply:** https://uk.indeed.com/viewjob?jk=aee64eee5a19e2fb

## About the Role

Do you have experience in UX?, * Strong frontend development experience (e.g. JavaScript/TypeScript, React or similar frameworks).

 * Deep understanding of modern CSS, responsive design, and component-based architecture.
 * Experience working with and implementing design systems and component libraries.
 * Strong understanding of UX and interaction design principles.
 * Ability to interpret design intent and collaborate effectively with Product Designers.
 * Experience with prototyping approaches (code-based or tools such as Figma).
 * Familiarity with tools such as Storybook, Figma, and modern frontend workflows.
 * Strong communication and collaboration skills across design and development disciplines. Pragmatic problem-solving mindset with a focus on quality and delivery., * Strong frontend development experience (e.g. JavaScript/TypeScript, React or similar frameworks).
 * Deep understanding of modern CSS, responsive design, and component-based architecture.
 * Experience working with and implementing design systems and component libraries.
 * Strong understanding of UX and interaction design principles.
 * Ability to interpret design intent and collaborate effectively with Product Designers.
 * Experience with prototyping approaches (code-based or tools such as Figma).
 * Familiarity with tools such as Storybook, Figma, and modern frontend workflows.
 * Strong communication and collaboration skills across design and development disciplines.
 * Pragmatic problem-solving mindset with a focus on quality and delivery.

## Description

As a Design Engineer at Quorum Cyber, you bridge the gap between design and development, ensuring that user experiences are delivered with high quality, consistency, and performance across our platforms.

You work closely with Product Design and Development teams to translate design intent into scalable, production-ready solutions, while enabling rapid prototyping and iteration during discovery. Following recent changes in the design team, this role strengthens delivery capability and complements product discovery led by design., * Translate design concepts, wireframes, and prototypes into high-quality, responsive frontend implementations.

 * Ensure strong alignment between design intent and final product through close collaboration with designers and developers.
 * Implement and maintain design systems in code, contributing to scalable and reusable component libraries.
 * Partner with Product Designers to build interactive prototypes that support discovery, validation, and iteration.
 * Collaborate daily with Development teams to ensure efficient delivery and high-quality user experiences.
 * Identify and resolve gaps between design and implementation, reducing rework and ambiguity.
 * Contribute to improving frontend architecture, performance, accessibility, and usability standards.
 * Support the evolution of design and development processes to improve speed and quality of delivery.


## Related Videos

- [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)
- [Fireside Chat - In conversation with Werner Vogels, CTO of Amazon.com](https://www.wearedevelopers.com/videos/100265-fireside-chat-in-conversation-with-werner-vogels-cto-of-amazon-com)
- [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)
- [The Pragmatic Architect: Balancing Necessity vs. Sufficiency in React Systems](https://www.wearedevelopers.com/videos/2101-the-pragmatic-architect-balancing-necessity-vs-sufficiency-in-react-systems)
- [Bridging the Gap](https://www.wearedevelopers.com/videos/794-bridging-the-gap)
- [Fireside Chat with Kris Rasmussen, CTO at Figma](https://www.wearedevelopers.com/videos/982-fireside-chat-with-kris-rasmussen-cto-at-figma)

## Related Articles

- [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025)
- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [The Best 7 Frontend Frameworks for Developers in 2025](https://www.wearedevelopers.com/magazine/400-the-best-7-frontend-frameworks-for-developers-in-2025)
- [Dev Digest 121 - AI goes offline](https://www.wearedevelopers.com/magazine/456-dev-digest-121-ai-goes-offline)
- [Frontend Developer Salary in The UK](https://www.wearedevelopers.com/magazine/233-frontend-developer-salary-in-the-uk)
- [Top 7 CSS Frameworks in 2025](https://www.wearedevelopers.com/magazine/362-top-7-css-frameworks-in-2025)