Claude Sonnet 4.5, referred to here as 'Fable 5', connects directly to Paper, the agent-native version of Figma, through Claude Code. The setup enables an AI agent to read, write, and manipulate design files programmatically, not just generate images. This is the core technical shift the video covers.
The guide walks through four concrete use cases: YouTube thumbnail generation, Instagram graphics with text and overlays, full presentation decks, and converting finished designs into live websites. Each task runs through the Claude Code plus Paper connection, meaning the AI operates inside the design environment rather than alongside it. The setup section at 1:41 is worth watching carefully before anything else.
What makes this worth reading in full is the live conversion workflow at 21:22, where a Figma-style canvas output becomes a deployed site. The intermediate steps, especially how text overlays and layer structures are handled at 10:21, reveal the actual constraints of the current toolchain. Riley Brown's skills reference site is linked for reproducible setup.
[WATCH ON YOUTUBE →]