Logo von Miran Arnaut Logo von Miran Arnaut
Technology 4 Min. Lesezeit

Mein Tech-Stack 2026 — Alle Tools, die ich täglich nutze

Mein kompletter Tech-Stack als Product Designer: Design-Tools, Frontend-Frameworks, DevOps, AI und Produktivität. Transparente Einblicke in meine tägliche Arbeit.

Mein Tech-Stack verändert sich ständig. Manche Tools bleiben jahrelang, andere werden nach ein paar Monaten abgelöst. Aber es gibt einen Kern, der sich bewährt hat — die Werkzeuge, mit denen ich jeden Tag arbeite.

Hier ist mein kompletter Tech-Stack 2026, kategorisiert und mit ehrlichen Bewertungen.

Design

Figma — Mein zentrales Design-Tool. Wireframes, High-Fidelity-Designs, Prototypen und Design-Systeme — alles in Figma. Seit Figma die Branche erobert hat, habe ich kein anderes Tool mehr vermisst.

Penpot — Die Open-Source-Alternative zu Figma, die ich für Kundenprojekte empfehle, die Wert auf Datensouveränität legen. Noch nicht so ausgereift wie Figma, aber erstaunlich weit.

Excalidraw — Für schnelle Skizzen, Flowcharts und Whiteboard-Sessions. Wenn ich etwas visualisieren muss, ohne dass es schön aussehen muss, ist Excalidraw mein Werkzeug. Handgezeichneter Stil, kollaborativ, einfach.

Squoosh — Bildoptimierung direkt im Browser. Ich komprimiere jedes Bild vor dem Einbau in eine Website. Squoosh ist kostenlos, schnell und liefert bessere Ergebnisse als die meisten Desktop-Tools.

SVGOMG — SVG-Optimierung. Entfernt unnötige Metadaten, rundet Zahlen und reduziert die Dateigröße von SVGs drastisch.

Frontend

Astro 5 — Mein Haupt-Framework. Statische Websites, Content-Sites, Marketing-Seiten — alles in Astro. Die Content-Collections mit Zod-Schemas sind 2026 der Goldstandard für typsichere Inhalte. Zero JavaScript by Default sorgt für perfekte Core Web Vitals.

Angular — Mein primäres Framework bei SWARCO für komplexe Verkehrsmanagement-Lösungen. TypeScript-first, modulare Architektur, starke Toolchain. Tägliche Arbeit mit Angular und TypeScript hat meine Erwartungen an Code-Qualität und Struktur geprägt.

Vue.js 3 — Meine bevorzugte Wahl für interaktive Komponenten in Astro-Projekten. Wenn ich auf einer Seite interaktive Elemente brauche — Filter, Formulare, Dashboards — kommen Vue-Inseln zum Einsatz. Composition API + TypeScript ist ein Traum.

Tailwind CSS 4 — CSS-First, Utility-basiert, extrem effizient. Tailwind 4 hat den CSS-First-Ansatz weiter perfektioniert. Kein Konflikt zwischen Design-System und CSS mehr — alles kommt aus einer Quelle.

TypeScript 5 — Typensicherheit für JavaScript. Ich schreibe seit 2022 kein JavaScript mehr ohne TypeScript. Die Typprüfung fängt 90 % meiner Fehler vor der Runtime ab.

Three.js — Für das Besondere. Mein Portfolio-Spiel (miran.at/spiel) ist in Three.js gebaut. WebGL, 3D-Interaktionen und beeindruckende Visualisierungen — aber nur, wenn es den Zweck erfüllt, nicht um der Technik willen.

DevOps & Infrastruktur

Docker — Jedes Projekt läuft in Containern. Entwicklungsumgebung = Produktionsumgebung. Kein „Works on my machine” mehr.

Docker Compose — Für Multi-Container-Setups mit Caddy, App und Datenbank.

GitHub Actions — CI/CD für alle Projekte. Push → Test → Build → Deploy. Voll automatisiert.

Caddy — Reverse Proxy mit automatischen SSL-Zertifikaten. Ich habe seit Jahren kein Let’s Encrypt-Zertifikat manuell erneuert.

Cloudflare Tunnel — Sicherer Tunnel zu meinem VPS ohne offene Ports. DDoS-Schutz, CDN und Caching inklusive.

Uptime Kuma — Selbst gehostetes Monitoring. Pingt jede Website alle 5 Minuten an und benachrichtigt mich bei Ausfällen.

AI Engineering

OpenAI API — Für Chatbot-Integrationen und Content-Generierung. GPT-4o ist 2026 mein Standard-Modell.

LangChain — Framework für KI-Anwendungen. Ermöglicht RAG (Retrieval-Augmented Generation) und komplexe Prompt-Chains.

Ollama — Lokale KI-Modelle für Entwicklung und Tests. Ich betreibe Llama 3 und Mistral lokal auf meinem Mac für Experimente.

Claude — Mein KI-Assistent für Code-Generierung und Problemlösung. Ideal für komplexe Architektur-Fragen.

Produktivität

Notion — Projektmanagement, Notizen, Dokumentation. Ich habe alles in Notion: Kundenprojekte, Blog-Ideen, Tech-Recherche, Finanzen.

Discord — Kundenkommunikation und Community. Schneller als E-Mail, informeller als Teams.

Linear — Issue-Tracking für technische Projekte. Schneller, sauberer und fokussierter als Jira.

Arc Browser — Mein täglicher Browser. Spaces, Split View und die beste Tab-Organisation, die ich je gesehen habe.

Warp — Terminal mit KI-Integration. Modernes Design, eingebaute AI-Hilfe und bessere Usability als iTerm2.

Hardware

MacBook Pro 16” (M4 Max, 64 GB) — Meine Arbeitsmaschine. Der M4 Max bewältigt selbst komplexe Three.js-Szenen und Docker-Container ohne Mühe.

Studio Display — 27” 5K für präzises Design. Farbgenauigkeit und Schärfe sind für UI-Design nicht verhandelbar.

Dell UltraSharp 27” 4K (zweiter Monitor) — Für Terminal, Docker-Logs und Monitoring-Dashboards.

Keychron Q1 Pro — Mechanische Tastatur mit deutschem Layout. Programmierbare Tasten für individuelle Shortcuts.

Tools, die ich nicht mehr nutze

Figma → Früher Sketch, heute irrelevant. WordPress → Nur noch für Bestandskunden mit Altprojekten. Jira → Linear ist schneller und fokussierter. Slack → Discord für Kunden, Signal für Privates. Adobe XD → Eingestellt, Figma hat gewonnen.


Du fragst dich, ob mein Tech-Stack zu deinem Projekt passt? Schreib mir an arnaut@miran.at — ich berate dich gern.

(05) Kontakt aufnehmen

Let’s Talk

Schreib mir eine Nachricht oder verbinde dich über Social Media.