How to Use Claude Design Better Than 99% of People

How to Use Claude Design Better Than 99% of People

More

Summary

This tutorial shows how to get better results from Claude Design, covering 15 techniques for building websites, graphics and motion animations. The creator says the approach draws on hundreds of hours of use and takes advantage of the new capabilities of Opus 5.5.

The walkthrough begins with motion graphics, where the key is giving Claude a reference clip, brand assets and a clear plan. It then moves to looping animations with matching start and end frames, which work well for presentations, Instagram Reels and YouTube. Other tips include adding premium-feeling touches such as hover lifts, soft presses and counting numbers, and generating three style variations to choose from.

Later sections cover connecting a design system to Claude through MCP via Claude Desktop, extracting brand assets from sites such as Monzo, and avoiding the generic look of AI-made design by choosing better fonts and icons. Resources mentioned include Higgsfield for generating imagery and typefaces, Typeful for font inspiration, and Fonts In Use for real-world typography references.

The video suits designers, marketers and founders who want to move past default AI output and build polished, on-brand visuals faster.


📺 Source: Jack Roberts · Published October 09, 2026
🏷️ Format: Tutorial Demo

1 Item

Channels