Available

Next spot only to start in July!

The thinking

behind the product.

The thinking

behind the product.

Tutorials, insights, case studies, and AI experiments for founders building products and fresh designers who want to learn the backbone of strategy and processes.

AI LAB

AI LAB

Feed

A brief journaling about learning and experimenting with product direction and design using AI tools.

Key tools

Claude: AI, Design and Code
Figma Make
Cursor
Lovable
LLMs: ChatGPT, Gemini, Perplexity, NotebookLM.

Engineer Collaboration through AI

Bridging design and development by generating production-ready code directly from Figma with an AI API that translates components into clean, usable output. It works, but token costs add up fast. Currently exploring a leaner workflow combining Claude Code + Skills and Figma MCP to make it sustainable at scale.

Engineer Collaboration through AI

Engineer Collaboration through AI

Engineer Collaboration through AI

Bridging design and development by generating production-ready code directly from Figma with an AI API that translates components into clean, usable output. It works, but token costs add up fast. Currently exploring a leaner workflow combining Claude Code + Skills and Figma MCP to make it sustainable at scale.

Engineer Collaboration through AI

Engineer Collaboration through AI

Bridging design and development by generating production-ready code directly from Figma with an AI API that translates components into clean, usable output. It works, but token costs add up fast. Currently exploring a leaner workflow combining Claude Code + Skills and Figma MCP to make it sustainable at scale.

Claude Design for Stakeholder alignment

Working on an MVP for a seed-stage startup, the founder needed to align on website content before a single line was coded. Instead of static docs or slow back-and-forth, I prototyped the landing page structure using the existing design system — live, collaborative, and fast enough to make decisions in the room.

Claude Design for Stakeholder alignment

Working on an MVP for a seed-stage startup, the founder needed to align on website content before a single line was coded. Instead of static docs or slow back-and-forth, I prototyped the landing page structure using the existing design system — live, collaborative, and fast enough to make decisions in the room.

Claude Design for Stakeholder alignment

Working on an MVP for a seed-stage startup, the founder needed to align on website content before a single line was coded. Instead of static docs or slow back-and-forth, I prototyped the landing page structure using the existing design system — live, collaborative, and fast enough to make decisions in the room.

Faster PRD with AI

PRDs used to start with inputs scattered across Figma, docs, spreadsheets, and notebooks. With Claude and the right skills, everything was synthesised into a single document ready for stakeholder review — faster than any process I'd run before. Next step: generating it as an MD file for cleaner engineering collaboration.

PRD

Faster PRD with AI

PRD

PRDs used to start with inputs scattered across Figma, docs, spreadsheets, and notebooks. With Claude and the right skills, everything was synthesised into a single document ready for stakeholder review — faster than any process I'd run before. Next step: generating it as an MD file for cleaner engineering collaboration.

Faster PRD with AI

PRD

PRDs used to start with inputs scattered across Figma, docs, spreadsheets, and notebooks. With Claude and the right skills, everything was synthesised into a single document ready for stakeholder review — faster than any process I'd run before. Next step: generating it as an MD file for cleaner engineering collaboration.

AI Coding Bootcamp

Completed Memorisely's AI coding bootcamp to level up my vibe coding confidence — GitHub for version control, React and JSX structure, Next.js layouts, Tailwind utility-first styling, design tokens in components, and building UI with ShadCN. All steered with Cursor and Claude Code.

AI Coding Bootcamp

Completed Memorisely's AI coding bootcamp to level up my vibe coding confidence — GitHub for version control, React and JSX structure, Next.js layouts, Tailwind utility-first styling, design tokens in components, and building UI with ShadCN. All steered with Cursor and Claude Code.

AI Coding Bootcamp

Completed Memorisely's AI coding bootcamp to level up my vibe coding confidence — GitHub for version control, React and JSX structure, Next.js layouts, Tailwind utility-first styling, design tokens in components, and building UI with ShadCN. All steered with Cursor and Claude Code.

Research with AI

Product discovery gets messy fast when there's no validated foundation and the clock is running. Claude helped me cut through the ambiguity by synthesising research, surfacing scenarios, and opening directions worth discussing — as it was well used in one of my last case studies.

Research with AI

Product discovery gets messy fast when there's no validated foundation and the clock is running. Claude helped me cut through the ambiguity by synthesising research, surfacing scenarios, and opening directions worth discussing — as it was well used in one of my last case studies.

Research with AI

Product discovery gets messy fast when there's no validated foundation and the clock is running. Claude helped me cut through the ambiguity by synthesising research, surfacing scenarios, and opening directions worth discussing — as it was well used in one of my last case studies.

Figma Make-a-thon Zurich

First time using Figma Make; turned the event into mentoring 2 juniors using a real client brief. Designing
a health mobility app where walking reduces your insurance costs. We tackled the core drop-off problem: onboarding that fails to show value briefly, and made accessibility central.

figma make-a-thon

Figma Make-a-thon Zurich

figma make-a-thon

First time using Figma Make; turned the event into mentoring 2 juniors using a real client brief. Designing
a health mobility app where walking reduces your insurance costs. We tackled the core drop-off problem: onboarding that fails to show value briefly, and made accessibility central.

Figma Make-a-thon Zurich

figma make-a-thon

First time using Figma Make; turned the event into mentoring 2 juniors using a real client brief. Designing
a health mobility app where walking reduces your insurance costs. We tackled the core drop-off problem: onboarding that fails to show value briefly, and made accessibility central.

Brand Assets with AI

Redesigning a B2B agency website for acquisition — total revamp, new brand. Competitors signalled trust through industry familiarity, so I used ChatGPT and Gemini to generate 3D isometric illustrations that fit the field. AI cut production time and cost; I kept the creative direction.

Brand assets

Brand Assets with AI

Brand assets

Redesigning a B2B agency website for acquisition — total revamp, new brand. Competitors signalled trust through industry familiarity, so I used ChatGPT and Gemini to generate 3D isometric illustrations that fit the field. AI cut production time and cost; I kept the creative direction.

Brand Assets with AI

Brand assets

Redesigning a B2B agency website for acquisition — total revamp, new brand. Competitors signalled trust through industry familiarity, so I used ChatGPT and Gemini to generate 3D isometric illustrations that fit the field. AI cut production time and cost; I kept the creative direction.

Get in touch

Let’s collaborate!

Share your ideas and let’s work on it together.

Mentorship

Design With Strategy

Helping designers connect research, hands-on design, collaboration and business goals through 1:1 live guidance.