Chris EichlerAI-first Product
& Marketing

7 Tools zum Bauen mit KI


🔎 Überblick: Wofür welches Tool steht

  • 📝 Kommunikation & Wissen: Google & Notion
  • 🧠 KI-Reasoning & Ausführung: Claude
  • 🎨 Design → Dev Handoff: Figma
  • 🗄️ Datenbank & Backend: Supabase
  • 🧑‍💻 Code-Debug & Editor: Cursor
  • 🚀 Deployment & Delivery: Vercel

1) Google Workspace

Google Workspace ist die grundlegende Produktivitäts- und Kollaborationsebene des Stacks. Du bekommst damit die Tools, die du jeden Tag brauchst: Gmail, Drive, Docs, Sheets, Slides, Calendar und Meet.

In 2026 ist Gemini KI tief in nahezu jede Workspace-App integriert. Aus einem klassischen Dokument-Editor wird ein kontextbewusster Assistent, der Entwürfe schreibt, Threads zusammenfasst und Informationen sinnvoll ordnet.

Im Stack ist Google Workspace dein Rückgrat für Kommunikation und Dokumente. Es verbindet sich mit Notion (über KI-Connectoren) für plattformübergreifende Suche, liefert Kontext für Claude und ist die Ebene, auf der Stakeholder Ergebnisse reviewen.

2) Notion

Notion ist der vernetzte Workspace, der als zentraler Wissens-Hub, Projekt-Tracker und Koordinationsschicht für den gesamten Stack dient. Es vereint Wikis, Docs, Datenbanken und Projektmanagement in einer Plattform.

Das Highlight 2026 sind Notion AI Agents: autonome Assistenten, die mehrstufige Aufgaben erledigen können, zum Beispiel Projektpläne erstellen, Feedback aus mehreren Quellen bündeln, Reports schreiben oder viele Datenbank-Einträge in einem Rutsch aktualisieren.

Im Stack laufen die Fäden in Notion zusammen: Anforderungen neben Design-Briefs, Dev-Tickets und Deployment-Checklisten. Übergaben aus Figma, Tasks aus Development, und Prozesse rund um Vercel werden hier sichtbar und steuerbar.

3) Claude

Claude von Anthropic ist der Reasoning-Motor im Herzen des Stacks. Du nutzt Claude über drei ergänzende Interfaces:

  • Chat: für Schreiben, Analyse, Lernen und Brainstorming.
  • Cowork: als Desktop-Agent für Datei- und Task-Automationen.
  • Code: als agentischer Assistent im Terminal für Development-Workflows.

Claude kann komplexe Aufgaben in mehreren Schritten lösen, Dokumente analysieren und mit Vision (Bilder verstehen) arbeiten. Je nach Aufgabe wechselst du zwischen Modell-Tiers (z.B. maximale Fähigkeit vs. Geschwindigkeit).

Im Stack verbindet Claude fast alles: Notion-Wissen, Google-Workspace-Kontext, Design-Input aus Figma, Datenmodelle aus Supabase und Deployments über Vercel. Claude ist die Intelligenzschicht, die das Ganze zusammenzieht.

4) Figma

Figma ist die kollaborative Design-Plattform für alles Visuelle und Interaktive: von Wireframes bis High-Fidelity-Prototypen und Dev-Handoff.

2026 entwickelt sich Figma immer mehr zur Design-to-Code-Pipeline:

  • Figma Make: Prompt-zu-App-Design, das dir Layouts, Komponenten und Interaktionen generiert.
  • AI-Tools im Alltag: schnelleres Layouting, Microcopy-Rewrites, Vorschläge direkt auf dem Canvas.
  • Dev Mode: Brücke zu Code mit strukturierten Daten (CSS, Tokens) und Kontext für Dev-Agents.

Im Stack übersetzt Figma Ideen in eine konkrete visuelle Realität. Die Specs fließen in Notion, Design-Kontext geht an Claude und Cursor, und der Code landet am Ende über Vercel in der Produktion.

5) Supabase

Supabase ist das Open-Source-Backend im Stack: Datenbank (PostgreSQL), Auth, APIs, Realtime, Edge Functions, Storage und Vector Embeddings.

Im Stack ist Supabase dein Data-Backbone. Es liefert die Daten, die Vercel-Frontends konsumieren, stellt den Auth-Layer bereit und kann als Vector-Store für KI-Kontext dienen.

6) Cursor

Cursor ist der KI-native Code-Editor und dein Haupt-Arbeitsplatz fürs Development. Als VS-Code-Fork bringt er KI direkt in den Kern des Editings: von Autocomplete über mehrdateiige Edits bis hin zu autonomen Agent-Workflows.

2026 wird Cursor mehr zum Agent Workbench:

  • Agenten können Codebase lesen, suchen, Terminal-Commands ausführen und refactoren.
  • Mehrere Agenten können parallel arbeiten (Refactoring, Tests, UI-Polish).
  • Cloud Agents laufen in isolierten VMs und können PR-fertige Änderungen inklusive Artefakten liefern.

Im Stack ist Cursor der Ort, an dem Code optimiert und fehlerfrei gemacht wird. Der Code kommt von Claude, das Design kommt aus Figma, Specs aus Notion, Daten aus Supabase. Deployment läuft über Git in Richtung Vercel.

7) Vercel

Vercel ist die Frontend-Cloud-Plattform für Deployment, Hosting und Delivery. Du verbindest ein Git-Repo, pushst Code, und Vercel übernimmt Build, Preview Deployments, Skalierung, SSL und Edge-Auslieferung.

Im Stack ist Vercel die Delivery-Schicht: Sie bringt das, was du in Cursor baust und mit Supabase verbindest, zuverlässig in die Produktion. Reviews und Koordination passieren in Notion.

Inspiration zu KI-first Product Management & Marketing, direkt in dein Postfach.

Kein Spam, jederzeit abbestellbar

Chris Eichler