Chris EichlerAI-first Product
& Marketing

7 Tools to Build with AI


πŸ”Ž Overview: what each tool stands for

  • πŸ“ Communication & knowledge: Google & Notion
  • 🧠 AI reasoning & execution: Claude
  • 🎨 Design β†’ dev handoff: Figma
  • πŸ—„οΈ Database & backend: Supabase
  • πŸ§‘β€πŸ’» Code debug & editor: Cursor
  • πŸš€ Deployment & delivery: Vercel

1) Google Workspace

Google Workspace is the productivity-and-collaboration foundation of the stack. It gives you the tools you need every day: Gmail, Drive, Docs, Sheets, Slides, Calendar, and Meet.

By 2026 Gemini AI is deeply integrated into nearly every Workspace app. A classic document editor becomes a context-aware assistant that drafts, summarises threads, and organises information meaningfully.

In the stack, Google Workspace is your backbone for communication and documents. It connects with Notion (via AI connectors) for cross-platform search, supplies context to Claude, and is the layer where stakeholders review results.

2) Notion

Notion is the connected workspace that acts as central knowledge hub, project tracker, and coordination layer for the whole stack. It combines wikis, docs, databases, and project management in one platform.

The 2026 highlight is Notion AI Agents: autonomous assistants that can handle multi-step tasks β€” drafting project plans, bundling feedback from multiple sources, writing reports, or updating many database entries in one go.

In the stack, everything funnels through Notion: requirements sit next to design briefs, dev tickets, and deployment checklists. Handoffs from Figma, tasks from development, and processes around Vercel become visible and steerable here.

3) Claude

Claude from Anthropic is the reasoning engine at the heart of the stack. You use Claude through three complementary interfaces:

  • Chat: for writing, analysis, learning, and brainstorming.
  • Cowork: as a desktop agent for file and task automations.
  • Code: as an agentic assistant in the terminal for development workflows.

Claude can solve complex tasks in multiple steps, analyse documents, and work with vision (understanding images). Depending on the task, you switch between model tiers (e.g. max capability vs. speed).

In the stack, Claude connects almost everything: Notion knowledge, Google Workspace context, design input from Figma, data models from Supabase, and deployments via Vercel. Claude is the intelligence layer that pulls it all together.

4) Figma

Figma is the collaborative design platform for everything visual and interactive: from wireframes to high-fidelity prototypes and dev handoff.

By 2026 Figma is evolving into a design-to-code pipeline:

  • Figma Make: prompt-to-app design generating layouts, components, and interactions.
  • AI tools in daily use: faster layouting, microcopy rewrites, suggestions directly on the canvas.
  • Dev Mode: bridge to code with structured data (CSS, tokens) and context for dev agents.

In the stack, Figma turns ideas into concrete visual reality. The specs flow into Notion, design context goes to Claude and Cursor, and the code finally lands in production through Vercel.

5) Supabase

Supabase is the open-source backend in the stack: database (PostgreSQL), auth, APIs, realtime, edge functions, storage, and vector embeddings.

In the stack, Supabase is your data backbone. It serves the data Vercel frontends consume, provides the auth layer, and can act as a vector store for AI context.

6) Cursor

Cursor is the AI-native code editor and your main workspace for development. As a VS Code fork it brings AI directly into the core of editing: from autocomplete to multi-file edits to autonomous agent workflows.

By 2026 Cursor is becoming an agent workbench:

  • Agents can read codebases, search, run terminal commands, and refactor.
  • Multiple agents can work in parallel (refactor, tests, UI polish).
  • Cloud agents run in isolated VMs and can deliver PR-ready changes with artefacts.

In the stack, Cursor is where code gets polished and bug-fixed. The code comes from Claude, the design from Figma, specs from Notion, data from Supabase. Deployment runs via Git toward Vercel.

7) Vercel

Vercel is the frontend cloud platform for deployment, hosting, and delivery. You connect a Git repo, push code, and Vercel takes care of build, preview deployments, scaling, SSL, and edge delivery.

In the stack, Vercel is the delivery layer: it brings what you build in Cursor and connect with Supabase reliably into production. Reviews and coordination happen in Notion.

Ideas on AI-first Product Management & Marketing, straight to your inbox.

No spam, unsubscribe at any time

Chris Eichler