Behind the Craft

Master Claude Code + Figma MCP for Design in 50 Min | Felix Lee

14 snips
Mar 22, 2026
Felix Lee, CEO of ADP List and designer-builder who uses Claude Code and Figma MCP to turn designs into working apps. He demos building a globe visualization from a screenshot, a landing-page analyzer, and converting FigJam flowcharts into playable games. He also shows Figma-to-code and code-back-to-Figma workflows and discusses why designers should adopt cloud coding tools.
Ask episode
AI Snips
Chapters
Transcript
Episode notes
ANECDOTE

Felix Built A Sourced AI Chat For His Personal Site

  • Felix built his personal site and an AI chat on Claude Code using Supabase for a REC-style database of his bio and ADP List data.
  • The chat returns sourced answers and was built without third-party plugins, demonstrating rapid solo production with Claude Code.
ANECDOTE

From CSV To Interactive Globe In 12 Hours

  • Felix exported booking data from ADP List as CSV, fed it to Claude Code and recreated a Shopify-like globe showing global bookings and meetup hotspots.
  • He started from a single Shopify globe screenshot and completed the interactive globe in about 12 hours.
ANECDOTE

Growth Analyzer App That Scores Landing Pages

  • Felix built Growth Analyzer where users upload a landing page screenshot or URL and receive a scored UX report with actionable copy and CTA suggestions.
  • The app integrates Stripe, Google sign-in, and took ~48+ hours of iterative work over three weeks to polish hotspots and feedback quality.
Get the Snipd Podcast app to discover more snips from this episode
Get the app