/
© 2026 RiffOn. All rights reserved.

Get your free personalized podcast brief

We scan new podcasts and send you the top 5 insights daily.

  1. Behind the Craft
  2. Master Claude Code + Figma MCP for Design in 50 Min | Felix Lee
Master Claude Code + Figma MCP for Design in 50 Min | Felix Lee

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

Behind the Craft · Mar 22, 2026

Felix Lee demos Claude Code and Figma MCP, showcasing AI's power to build full-stack apps from prompts and transform design workflows.

A FigJam Flowchart Is a Sufficient Prompt to Generate a Playable, Animated Game

Rather than writing detailed specifications, Felix Lee demonstrated that a high-level FigJam flowchart can serve as the sole input for an AI to generate a complete, playable game like Flappy Bird. The AI interprets the user flow and game logic to build the application with animations and scoring in minutes.

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

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

Behind the Craft·19 hours ago

Gemini Pro Outperforms Anthropic's Opus for Precise UI Visual Recognition Tasks

In building a UI analysis tool, Felix Lee found that Gemini Pro was superior to Anthropic's Opus model for accurately placing "hotspots" on specific UI elements in a screenshot. This highlights that for vision-based coding tasks, model choice is critical, as performance can vary significantly.

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

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

Behind the Craft·19 hours ago

Figma's Code-to-Canvas Feature Imports Web Elements as Editable SVG Vectors

Figma's new "code-to-canvas" capability goes beyond simple screenshots. It converts live web components into fully editable vector elements (SVGs) within the Figma canvas. This allows designers to deconstruct, modify, and reuse live production components as native, manipulable design elements.

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

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

Behind the Craft·19 hours ago

Most Designers Are Not "Freaked Out Enough" by AI, Remaining Over-Reliant on Figma

ADP List CEO Felix Lee observes that the majority of designers haven't grasped the disruptive potential of AI because their workflow remains centered on Figma. They are not yet exploring more powerful, code-centric AI tools like Claude Code or Cursor, leading to a dangerous sense of complacency.

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

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

Behind the Craft·19 hours ago

Figma MCP's True Advantage Over Screenshots Is Automatic Asset Extraction

The primary benefit of Figma MCP over using screenshots for code generation is its ability to automatically access all necessary design assets like icons and images. This prevents a tedious back-and-forth process where the AI would otherwise have to request each asset individually from the user.

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

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

Behind the Craft·19 hours ago

An AI Can Generate an Interactive 3D Globe from a Single Screenshot and a CSV

Felix Lee built an interactive 3D data visualization globe without using any pre-existing 3D assets. He prompted Claude Code with just a screenshot of Shopify's globe as inspiration and a CSV of user data, and the AI generated the entire globe component from scratch in about 12 hours.

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

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

Behind the Craft·19 hours ago

Replicating a Designer's "Taste" Is AI's Hardest Remaining Challenge in UI Generation

Despite AI's ability to generate functional code, replicating the nuanced, subjective quality of a specific designer's "taste" remains extremely difficult. Felix Lee, after spending weeks attempting to codify his own taste into an AI model with little success, notes it's a significant unsolved challenge.

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

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

Behind the Craft·19 hours ago

ADP List CEO Felix Lee Finds Claude Code Delivers Higher Quality and Faster Output

Felix Lee, who has extensively used various AI coding agents, states that Claude Code produces significantly higher quality code and markdown outputs compared to competitors. He finds it "wins it all" from a "haste" perspective, delivering better results faster than other tools he has tried.

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

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

Behind the Craft·19 hours ago