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

Stop watching Β· start building
Matched to Claude

Makers residency 4th edition

Your idea can be anything. At our last workshops, people built plant-based nutrition businesses, a way to measure planetary resilience, crochet headwear and a way to connect lonely people living in the same building. An asset manager went on to raise an additional Β£25M on their fund within nine months. The fourth workshop is a full day at KOKO with Nick Sarafa, learning to build with Claude Code. Bring the thing you keep meaning to start. We’ll bring the pizza.

β—† Fri 13 Nov 2026 β—† KOKO, London
Makers residency 4th edition
Live event
Makers residency 4th edition
Fri 13 Nov 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.