I Built My Webpage Animation With Claude Design 2.0 + Fable 5 (One Shot)
I used Claude Design 2.0 with Fable 5 to create real motion graphics for my RentalAnchor homepage.
Fable 5 is back, Claude Design now has a much more useful design workflow, and I wanted to test one practical question: can it turn screenshots, a design system, and a clear prompt into an animation I would actually put on my website?
In this video, I use Claude Design's Animation template, upload real RentalAnchor screenshots, connect my design system, choose Claude Fable 5, and build a 30-45 second homepage promo. Then I test the tweak controls, markup, comments, MP4 export, and the reality of Fable 5 usage limits.
This is not a Fable 5 hype video. It is a real build test for motion graphics, product demos, landing pages, and business assets.
Tools mentioned:
Claude Design: https://claude.ai/design
RentalAnchor: https://rentalanchor.com
Chapters:
0:00 - The problem
0:11 - Claude Design 2.0 + Fable 5 result
0:52 - Fable 5 is back
1:26 - How to access Claude Design
1:48 - What’s new in Claude Design
2:20 - Attachments, GitHub, Figma, and design systems
3:00 - Claude Design skills and templates
4:09 - Choosing the Animation template
4:32 - Uploading RentalAnchor screenshots
4:56 - Using a design system
5:31 - Why I chose Fable 5
6:04 - The motion graphics prompt
7:34 - Animation style and constraints
8:31 - Effort settings and usage tradeoffs
12:41 - Reviewing the generated animation
14:45 - The AI scan moment
16:30 - Editing the animation with tweaks
17:54 - Comments and markup
20:21 - Improving the desktop/mobile frame
23:13 - Final animation playback
24:21 - Exporting the MP4
25:09 - Sending to Claude Code
26:42 - Running out of usage credits
22:01 Final thoughts on Fable 5 vs. Sonnet for design
23:44 Closing + Prayer
Subscribe for practical AI builds and workflows without the hype.
https://adambuilds.io/
#ClaudeDesign #Fable5 #MotionGraphics #AIDesign #NoCode