Uploaded May 2026 | Updated September 2026, 1 day ago

---

Flowstep is an AI design tool that generates real React, TypeScript, and Tailwind code — not flat images. In this video I walk through the full workflow: generating screens from a prompt, copying directly into Figma as editable layers, and using the MCP integration to design from inside Cursor or Claude Code without switching tools.

Try Flowstep today: link.flowstep.ai/griffin #ad

📩 Business:
griffin@griffinwooldridge.com

🌐 Connect with me!
x.com/GriffinWDesigns
instagram.com/griffinwooldridge1
tiktok.com/@griffin.wooldridge1
facebook.com/griffinwooldridge1
linkedin.com/in/griffinwooldridge
griffinwooldridge.com

🔥 My top tools (some are affiliate links – thank you!):
Anything – anything.link/griffin-wooldridge
Mobbin – mobbin.com/griffin
Granola – go.granola.ai/griffin-wooldridge

00:00 – Intro
01:05 – Flowstep
01:33 – Getting started
02:33 – Refining + Iterating
05:30 – Next prompt
06:13 – Exporting
07:13 – MCP Server
08:28 – Outro

#AIDesign #uidesign #aitools #vibecoding