> Markdown version of [/jobs/ext/2705146-design-engineer](https://www.wearedevelopers.com/jobs/ext/2705146-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:** Neoskop Gmbh - **Location:** Hannover, Germany - **Contract:** Permanent contract - **Skills:** HTML, JavaScript (Programming Language), Computer Animation, Artificial Intelligence, Data Analysis, Cascading Style Sheets (CSS), Code Generation, Code Review, Cursor (Graphical User Interface Elements), Linux, Web Development, Github, Next.js, Responsive Web Design, TypeScript, Web Content Accessibility Guidelines, ReactJS, Figma, Codebase, Front End Software Development, GPT - **Published:** September 4, 2026 - **Apply:** https://www.careerjet.de/jobad/de011dda5b669cd933e93d17adb69819ab ## About the Role Das bringst du mit * Mehrjährige Erfahrung an der Schnittstelle von Design und Frontend-Entwicklung. Du kommst entweder aus dem Design und hast dir Code beigebracht, oder aus der Entwicklung und hast ein starkes Gespür für Gestaltung entwickelt. Beides ist willkommen. * Du kannst Interfaces entwerfen UND bauen: HTML, CSS/SCSS, JavaScript/TypeScript. Du fühlst dich in Figma genauso wohl wie in VS Code oder Cursor. * Konzeptionelles Denken: Du verstehst, wie Informationsarchitekturen und User Flows funktionieren, und kannst diese in deinen Entwürfen und deinem Code gleichermaßen abbilden. * Du arbeitest sicher mit modernen Frontend-Technologien - React/Next.js bevorzugt, aber wenn du aus einem anderen Ökosystem kommst und schnell lernst: gerne. Erfahrung mit Nordcraft oder vergleichbaren visuellen Development-Plattformen ist ein Plus. * Design-Systeme lebst du im Code: Tokens, Komponenten, Varianten - aufbauen, dokumentieren, weiterentwickeln. * Visuelles Gespür: Typografie, Farbe, Spacing, Responsive Design, Animationen - du erkennst, wenn etwas nicht stimmt, und du kannst es selbst fixen. Accessibility (WCAG) gehört für dich zur Grundhaltung. * Kommunikation: Du kannst Designentscheidungen gegenüber dem Team und Kunden argumentieren. Und du sprichst die Sprache beider Seiten - du erklärst Entwickler:innen, warum ein Detail wichtig ist, und Designer:innen, warum eine technische Einschränkung kein Kompromiss sein muss. * Du hast echte Erfahrung mit AI-Tools im Arbeitsalltag - nicht als Experiment, sondern als festen Teil deines Workflows. Du weißt, wo sie echten Mehrwert bringen und wo du besser selbst baust. Und du verstehst, dass die Qualität der Ergebnisse von der Qualität deines Denkens abhängt - nicht vom Tool. * Du kannst dich in komplexe Fachlichkeiten einarbeiten und bleibst auch bei langfristigen Kundenbeziehungen neugierig, statt auf Autopilot zu schalten. * Deutsch auf C1-Niveau - unsere Kunden und Workshops sind deutschsprachig. Englisch im Code und in der Dokumentation ist selbstverständlich ## Description So sieht dein Alltag aus * Du entwirfst und baust Interfaces - vom Konzept über den visuellen Entwurf bis in den funktionierenden Code. Du kannst ein Feature von der Idee bis in den Browser bringen, ohne es abgeben zu müssen. Das heißt nicht, dass du alles alleine machst - im Team arbeiten Entwickler:innen mit dir im selben Codebase. Aber du bist nicht abhängig davon, dass jemand anderes deinen Entwurf interpretiert. * Du arbeitest mit modernen Tools, die die Grenze zwischen Design und Code auflösen - Nordcraft, Cursor, v0 und was sonst in der Praxis taugt. Genauso selbstverständlich schreibst du eigenen Code, wenn das die bessere Lösung ist. Du evaluierst neue Ansätze mit Neugier, aber ohne Hype: nicht jedes Tool, das in der Community trendet, verdient deine Zeit. * Du baust und pflegst Design-Systeme dort, wo sie hingehören: im Code. Tokens, Komponenten, Varianten, Dokumentation - als lebendiges System, das direkt im Produkt funktioniert. * Du sitzt mit den Entwickler:innen zusammen - wirklich, nicht bildlich. Ihr arbeitet im selben Codebase, reviewed euch gegenseitig, diskutiert Architektur und Umsetzung auf Augenhöhe. * Du arbeitest in interdisziplinären Kundenteams (ca. 4-8 Personen aus Beratung, PM, Design und Development) - direkt am Kunden. Du bist nicht nur für deinen Teil zuständig, sondern denkst über den gesamten Produktkontext mit. Auch nach dem Go-Live. * Du denkst in messbarer Wirkung: Analytics, Heatmaps, Conversion-Daten - du nutzt sie, um deine Designentscheidungen zu validieren und das Produkt kontinuierlich besser zu machen. * Du machst andere besser: Design-Reviews, Code-Reviews, ehrliches Feedback, Wissenstransfer. Du bewegst dich zwischen Design- und Dev-Welt und bringst beide Seiten näher zusammen - durch gemeinsame Sprache, nicht nur durch Tools. * AI ist für dich Werkzeug im Alltag. Du nutzt Cursor für Code-Generierung, v0 für schnelle UI-Exploration, Claude oder ChatGPT für Prototyping und Konzeptvalidierung. Und du weißt, dass gute AI-Ergebnisse davon abhängen, wie präzise du den Kontext definierst: Design-System-Regeln, technische Constraints, Markensprache. Sauber denken, bevor du loslegst., * Gehalt: Wir zahlen marktgerecht und transparent - den konkreten Gehaltsrahmen besprechen wir offen im Erstgespräch. Kein Pokern, kein Rätselraten. * Gelebte Work-Life-Integration. Viele von uns haben Familie oder zeitintensive Hobbys. Wir sind überzeugt, dass nachhaltige Ausgeglichenheit uns viel weiter bringt als Mitarbeiter:innen mehr Zeit abzuverlangen. * Hybrides Arbeiten: 3 Tage remote, 2 Tage gemeinsam vor Ort am Hanomaghof. Nicht wegen Kontrolle, sondern weil wir glauben, dass echte Kreativität vom Austausch in einem Raum lebt - vom Miteinander zwischen Menschen, das kein Call ersetzen kann. Jeden zweiten Dienstag: Agentur-Standup und gemeinsames (veganes) Mittagessen mit Catering. * Das, was andere nur "flache Hierarchien" nennen - und wir tatsächlich meinen: Dein Team Lead hat immer eine offene Tür, du sprichst direkt mit Kunden statt über drei Ecken, und wenn du eine Idee hast, brauchst du kein Ticket dafür. * Fort- und Weiterbildung ohne Deckel: Konferenzen, Kurse, Bücher, Zertifizierungen - du suchst aus, wir zahlen. * Moderne Tools: GitHub, Linear, Slack, Figma. Und ja, wir setzen AI-Tools im Arbeitsalltag ein - kein Verbot, kein Hype, sondern pragmatischer Einsatz. * Mitdenken und Mitgestalten. Du hast von Anfang an die Möglichkeit, Verantwortung zu übernehmen und Dinge zu verändern. * Ob macOS oder Linux - du suchst dir deine Hard- und Software selbst aus. Auch für den privaten Gebrauch. * Mobilität: Deutschlandticket (geht auf uns) und Jobrad-Leasing. * Und sonst: Siebträger-Espresso, frisches Obst, Softdrinks, betriebliche Altersvorsorge, VWL, Sommerfest, Weihnachtsfeier, Teamevents und Agentur-Offsite., * Unser erstes Kennenlerngespräch geht auch per Video - aber persönlich ist netter, und unser Kaffee ist wirklich sehr gut. Mit dabei: Du, jemand aus dem Design-Team und Jan-Christoph (Geschäftsführer). * It's a match? Beim Kennenlerntag lernst du das Team, die Projekte und den Hanomaghof kennen. Gemeinsames Mittagessen, offene Fragen, echtes Beschnuppern. * Ein "JA!" von allen Beteiligten? Dann schicken wir dir den Entwurf für deinen Arbeitsvertrag rüber und besprechen alle Details. * Ab Tag 1: persönliches Onboarding mit fachlicher Einarbeitung, Buddy-System und regelmäßigem Feedback durch die ersten Monate. ## Related Videos - [Bridging the Gap](https://www.wearedevelopers.com/videos/794-bridging-the-gap) - [ Evaluating AI models for code comprehension](https://www.wearedevelopers.com/videos/1462-evaluating-ai-models-for-code-comprehension) - [The Resilience of the World Wide Web](https://www.wearedevelopers.com/videos/1281-the-resilience-of-the-world-wide-web) - [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) - [Fireside Chat with Kris Rasmussen, CTO at Figma](https://www.wearedevelopers.com/videos/982-fireside-chat-with-kris-rasmussen-cto-at-figma) - [Designing the Future of Human<>Agent Collaboration](https://www.wearedevelopers.com/videos/1447-designing-the-future-of-human-agent-collaboration) ## Related Articles - [Best Coding Boot Camps in Germany](https://www.wearedevelopers.com/magazine/237-best-coding-boot-camps-in-germany) - [Frontend Developer Salary in Germany [2023]](https://www.wearedevelopers.com/magazine/195-frontend-developer-salary-in-germany-2023) - [The Most Popular IT Jobs on the Market](https://www.wearedevelopers.com/magazine/376-the-most-popular-it-jobs-on-the-market) - [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front) - [c't <webdev> 2023](https://www.wearedevelopers.com/magazine/307-c-t-webdev-2023) - [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers)