Open this on your computer
AI Flows are interactive, multi-panel experiences built for a larger screen.
The Complete AI-Powered Design Workflow
A practical, end-to-end workflow for using AI tools to accelerate every stage of the design process — from meeting notes and client briefs to rapid prototyping and image generation. Based on Rachel How's real-world design workflow, covering the specific tools and techniques she uses daily as a product designer.
Auto-capture meeting notes
Decipher Briefs
Summarize and analyze client brief
Chat Catch-Up
Summarize long group chats
Domain Research
Accelerate domain expertise
Capture Text (OCR)
Capture screenshots and extract text
Design Critic
Critique designs and user flows
UX Copy
Generate UI copy and microcopy
Voice-to-text for faster input
AI assists the design process — it doesn't replace it. Build design systems manually. Wireframe before Figma. Keep the soul in your designs.
Make (AI Prototyping)
Generate interactive prototypes from designs
Animation Prototyping
Create animation prototypes and micro-interactions
Build data visualizations and full-control prototypes
Use Cursor as the code editor interface for Claude Code
Image Generation
Generate images and 3D-style icons
Background Remover
Remove backgrounds from generated images
Source royalty-free icons, images, and videos
Generative Fill
Generate and extend designs from reference photos
Generate with ChatGPT → Clean up in Figma → Supplement from Freepik → Style with Photoshop
Recipe
15 nodes · 4 phasesThe Complete AI-Powered Design Workflow
A practical, end-to-end workflow for using AI tools to accelerate every stage of the design process — from meeting notes and client briefs to rapid prototyping and image generation. Based on Rachel How's real-world design workflow, covering the specific tools and techniques she uses daily as a product designer.