New: Check out my latest blog posts

← All posts
Development1 min read

Claude Design + Claude Code = Marketing at Scale

Sync your design system from Claude Code, then generate landing pages, product visuals and promo videos in your own style.

Claude Design + Claude Code = Marketing at Scale

Claude Design + the new Claude models = marketing at scale.

Go to your codebase, open Claude Code and run:

/design-sync

Or simply ask Claude Code to extract your design system. Then open the Claude desktop app, go to the Design tab, click Design and select your synced design system.

Now you can create landing pages, product visuals and marketing assets in your own style.

Example

This 15-second promo for ServaDiscord was generated this way:

My favourite prompt

Create a 15-second promotional video for our app using this design system and the attached screenshots. Match the product UI exactly, make every scene clean and visually distinct, use polished transitions, show the app's key workflow and end with a clear "Get started" message and website link.

Thank me later.

Keep reading