Claude Design Tutorial for Beginners
A 18-minute walkthrough that shows how to go from blank canvas to branded, exportable designs — and why the Design System feature is the one most beginners skip.
June 2ndA 5-minute workflow that turns Claude into a branded Instagram carousel engine — no image model required.
Because Claude generates code instead of images, it produces on-brand carousels with accurate fonts and consistent design tokens that image generators routinely hallucinate away.
Claude has no image model, but it can write HTML — and that turns out to be better for branded carousel posts than image generation. The workflow: upload reference carousels, prompt Claude to extract the design system as JSON (colors, fonts, layout), paste that JSON into a Claude Project's instructions, then drop any content into the project and get a fully styled, downloadable carousel in one prompt. Because Claude generates actual font names rather than rendering them, slides look exactly on-brand. If download fails, ask Claude to convert to PNG. If you already have Canva templates, use the Canva connector instead.
Sign in and you get 23 free chat messages on us — ask for the hook, quote a framework, find the exact transcript moment, generate a markdown action plan. Bring your own key when you want unlimited.
Create a free account →
Host flips the usual AI framing: the interesting question in 2026 is what Claude cannot do. Introduces the carousel workflow as the example.

Shows his Practically AI Instagram page and infographic carousels that have been getting traction, which became the design reference for this workflow.

Upload reference carousel images to Claude, run the style-extraction prompt (ignore content, capture colors/fonts/layout as JSON). The output is structured design data, not training.

Create a new Claude Project, paste the JSON design system into project instructions, and add the carousel generation system prompt with brand-gating logic.

Explains the core mechanism: Claude writes HTML with real font names rather than rendering an image, producing accurate typography. The slides are code, exported as images.

Demo: paste a newsletter article, Claude asks for brand/account, confirms color palette, generates seven slides with progress bar. Looks clean, no errors.

Download each slide individually. Troubleshoot tip: if download fails, ask Claude to convert to PNG first.

If you already have a Canva template system, connect Canva inside Claude and use that. Do not rebuild what already works.

The final lesson: capability does not equal obligation. Ask whether you should use AI for something, not just whether you can.
Because Claude generates code with real font references instead of rendering pixels, its carousels are more accurate and more repeatable than anything an image model produces.
“If there is something you could do with AI, does it mean you should?”
“The question we should be asking is not what things you can do with Claude, but what is something Claude cannot do?”
See every word as it's spoken — crank it to 2× and still catch all of it. The same dual-channel trick behind Amazon's Kindle + Audible.
The hook inverts the expected question — not what Claude can do, but what it cannot — and then immediately answers it by showing a capability most people assume is off-limits: generating polished, brand-consistent Instagram carousels without any image model at all.
A two-step setup that front-loads all branding work so ongoing generation requires no design prompting.
“Give a thumbs up if this video was useful, you learned something new, you feel inspired on things you can do with Claude.”
Soft and conversational. Bundled with newsletter link in description. No aggressive pitch.
00:00
00:06
00:09
00:12
00:16
00:19
00:22
00:29
00:32
00:36
00:39
00:42
00:48
00:52
00:54
00:59
01:03
01:05
01:11
01:15
01:19
01:24
01:26
01:31
01:34
01:38
01:41
01:46
01:49
01:53
01:56
02:00
02:04
02:08
02:11
02:15
02:19
02:23
02:26
02:30
02:34
02:38
02:41
02:46
02:50
02:54
02:56
03:02
03:05
03:09
03:13
03:16
03:19
03:24
03:28
03:31
03:35
03:37
03:42
03:44
03:50
03:54
03:57
04:02
04:05
04:07
04:14
04:17
04:21
04:25
04:28
04:33
04:37
04:40
04:46
04:49
04:54
04:57
05:01
05:05A 18-minute walkthrough that shows how to go from blank canvas to branded, exportable designs — and why the Design System feature is the one most beginners skip.
June 2ndA 16-minute system walkthrough for automating the entire Reels pipeline from saved inspiration folder to scheduled post, with Claude doing most of the work.
June 15thA 20-minute design system walkthrough that proves your carousels fail at the cover, not the content — and fixes it in three locked-in decisions.
June 8thA 100x Engineers host walks through the exact Claude Projects setup he uses to auto-generate Instagram Reel scripts from 400 of his own past posts.
November 11th 2024A YouTuber wires Claude Code into an agent-native design canvas called Paper and lets it generate thumbnails, Instagram graphics, and a full pitch deck from plain-English prompts.
July 6thA hands-on tour of Claude Design 2.0 — shared usage pool, live canvas editing, brand-locked design systems, and a two-way Claude Code handoff — proven by building a landing page, pitch deck, and database-wired dashboard for a fictional fragrance brand in one sitting.
July 1st