Descriptions:
Riley Brown demonstrates a design workflow built around Paper, a canvas application designed specifically for AI agent control, integrated with Claude Code running Fable 5. Unlike Figma, Paper exposes an MCP (Model Context Protocol) server that allows Claude Code to read board state and write design elements directly to the canvas — enabling an AI agent to create YouTube thumbnails, landing pages, Instagram graphics, and presentations entirely through natural language prompts.
The tutorial walks through the full setup process: downloading Paper, copying the MCP server link from paper.design, and configuring the Claude desktop app to establish the connection. Brown then demonstrates three core workflows — iterating on thumbnail concepts using Paper’s built-in image generation, creating Instagram graphics with AI-applied gradient effects and text overlays, and generating structured landing pages where Claude autonomously positions and styles elements on the canvas. A web-scraping capability lets the agent pull external assets directly into designs.
Brown emphasizes token efficiency throughout, recommending low effort settings for simple connection tests and layout tasks to preserve the budget for more complex generation work. All canvas output is HTML-based, making renders fast and editable by both the agent and the user after generation.
📺 Source: Riley Brown · Published July 06, 2026
🏷️ Format: Tutorial Demo
