James McDonald - Building Beautiful Websites with Claude
Summary
Claude's latest models can now generate production-ready animations and interactive websites with minimal iteration—James McDonald built an entire animated homepage in Claude rather than traditional design tools, requiring far fewer tweaks than previous AI versions for motion timing and sequencing.
Key Takeaways
- Claude Opus 5.5 generates animations with accurate timing and pacing on first pass, eliminating the previous workflow of manual tweaking for speed and motion feel—designers can now hand off a single artboard with animation requirements and get usable output immediately.
- Using MCP (Model Context Protocol) to link Figma artboards directly into Claude creates a design-to-code pipeline that bypasses storyboarding—designers can describe animation intent and instantly iterate on interactive prototypes rather than creating frame-by-frame specifications.
- Building complete animated websites in Claude is now faster than traditional design tools, with all animations and interactions coded in the AI output—this shifts the designer's role from execution to creative direction and refinement only.
- Jitter MCP integration allows designers to explore animated social posts, adapt designs to different aspect ratios, and generate native Jitter files in a single prompt within Claude—native file outputs enable hand-tuning rather than starting from scratch.
- Visual design consistency compounds when building design systems first—McDonald designed multiple use case pages before the homepage, which allowed rapid homepage iteration because the design language and patterns were already established and reusable.
Related topics
Transcript Excerpt
it just gives you like a freedom to explore something that you might not be able to fully do in Figma. When I've been working with engineers, I would have to like almost like do storyboarding of like how I want the animations to look and feel. But just being able to hand it like one artboard or whatever and link it through the MCP, tell it what I want it to do, and then that's you got an 11 breathing idea [music] that you can then just massage. >> Welcome to Dive Club. My name is Reid and this is where designers never stop learning. This week's episode is with James McDonald's, [music] who's easily one of my favorite visual designers on the planet. So, I'm always looking for an excuse to have him on the show just to see how he works. So, he's going to give us a little behind the scenes of …