Ayoub Kada's seven-step AI design workflow from Figma to App Store experiments
A product designer ships playable experiments: Figma as source of truth, Claude Code with Figma MCP, Kling or Higgsfield for motion, then App Store or live URL.
What designers have done with Figma MCP, each example linked to its source.
A product designer ships playable experiments: Figma as source of truth, Claude Code with Figma MCP, Kling or Higgsfield for motion, then App Store or live URL.
A product designer runs Claude Code in a Figma sandbox against an AI-readable design system, cutting reported design-and-build time from 3 weeks to 3–5 days.
A product designer iterates an avatar through Figma Weave and canvas agents, animates it in Hailuo, then has Claude package an installable PWA on Cloudflare.