Claude Design FINALLY Solved Motion Graphics

From the creator

πŸ”₯ Glaido: https://bit.ly/4eGoI3R (use code: WHSAAKXO for 1 FREE month) 🩡 Free Skill From Video: https://bit.ly/4wynDlE πŸ“ˆ ALL Systems: https://bit.ly/4kol0y5 *πŸ‘‹ Howdy* Hey, I'm Jack, I built and sold my last tech startup with a Gazillion customers, now I'm building AI startups and I share stuff that works. I quit my corporate job to do my start-up and have never looked back since. *πŸ’¬ Overview* Claude's design mode can animate real data, but the default output looks like every other generic AI graphic out there. This video walks through five levels for making it look genuinely yours. Level one feeds Claude actual numbers, like AI model benchmarks, and turns them into animated bar charts you can codify as a reusable style. Then we fix fonts, the biggest slop giveaway, using Firecrawl to extract a brand's typography plus sites like Fonts In Use, Fontshare and Google Fonts. Level two adds icon packs, level three brings in Lottie animations and generated imagery, level four gets Claude to transcribe your videos with word-level timestamps, and level five builds a Claude skill that finds moments in your footage and creates graphics for them automatically. Really useful if you make content for YouTube, Instagram or client work. *Links* ☁️ Claude: https://claude.ai/ πŸ”₯ Firecrawl: https://bit.ly/4feyw72 🎬 LottieFiles: https://lottiefiles.com/ πŸ”€ Fonts In Use: https://fontsinuse.com/ πŸ”‘ Fontshare: https://www.fontshare.com/ πŸ…°οΈ Google Fonts: https://fonts.google.com/ πŸ–‹οΈ Open Foundry: https://open-foundry.com/ 🐺 Typewolf: https://www.typewolf.com/ πŸ“¦ Flaticon: https://www.flaticon.com/ ⚑ Higgsfield: https://bit.ly/4fjvSg0 ⌚️ *Stamps:* 0:00 - Stop Making Generic AI Slop 0:26 - How Claude Design Works 1:20 - Animated Bar Chart With Real Data 2:22 - Level 1 3:22 - Scrape Any Site's Typography 4:08 - Find Gorgeous Fonts In The Wild 5:12 - Free Font Resources 5:44 - Level 2 6:34 - Icons That Elevate Everything 7:12 - Premium Designs With Icon Packs 7:55 - Level 3 8:11 - Stunning Animations From Lottie 9:42 - Build Your Animation Library 9:53 - AI-Generated Images Inside Claude Design 11:27 - Combining Every Asset Layer 11:47 - Level 4 12:01 - Claude Watches Your Video 12:23 - Full Timestamped Transcript Instantly 12:37 - Works On Any Video Source 13:07 - Level 5 13:26 - Skill Auto-Finds Animation Moments 13:42 - Firecrawl Enriches Your Data 14:34 - Research Agent Fills The Gaps 15:10 - Custom Skill For Any Platform 15:59 - Full Video Analysis Delivered 16:18 - What's Next Learn how to use Claude design and Claude Code to build animated motion graphics, data visualisations and bar charts with custom fonts, icon packs, Lottie animations and Firecrawl web scraping for a complete AI design workflow. #Claude #ClaudeCode #MotionGraphics #AIDesign #Firecrawl #DataVisualisation

Choose to Build with AI
Matched to Claude

AI Maker Residence 3

The third AI workshop taught by our legendary teacher, Nick Sarafa. This is a full-day hands-on training workshop for purposeful co-creation with AI using Claude Code. Imagine having access to hundreds of billions of dollars of computing power and knowing exactly how to make it work for you through the power of super intelligence.

β—† Fri 09 Oct 2026 β—† KOKO Cafe, London β—† With Nick Sarafa
AI Maker Residence 3
Live event
AI Maker Residence 3
Fri 09 Oct 2026

More like this

Running one yourself?

List your AI event,
wherever it is.

A meetup, a workshop, a hackathon, a conference. Any city, or online. Tell us about it and it lands in front of people already learning this stuff.