You are now a designer who can code. Well… theoretically.
You will be after you do this vibe coding tutorial for designers who have never touched code before.
Go from "I don't code" to "I shipped this" in 20 minutes.
TL;DR — start nowI believe, the best product design happens when you work with the actual product, not a mockup of it. Polish details you'd never ask your dev for. Design interactions that are invisible in Figma. Shape a web app any way you like and see it respond.
The web… code… data… it's such a beautiful material. It's a shame that most designers never touch it, and only draw images of it.
AI can change this. You talk to it, it writes code. You design the final product without having to write code yourself. As a designer, you are made for this.
But there's still a hurdle: Terminal, weird commands, a dozen things tutorials assume you already know.
Good news: That hurdle is quite easy to jump. And behind it, there's a new world of possibilities.
Free. About 2 hours total.
2 Parts
Chapter 1: Jump the hurdle
Open Terminal. Get Claude Code running. Build something and deploy it in 20 minutes.
Start now
Chapters 2–5: Go deeper
Understand the environment. Get better at working with AI. Ship real projects.
Coming soon. Get notified
What you'll get
Unlock a new world
Finally understand the hype around AI coding and experience it firsthand.
Build your own projects
Side projects, prototypes, internal tools. Ship ideas without waiting for dev time or learning syntax.
Work with the material
Unlock the power of code for designing products and control the process from idea to live product.
Future-proof your career
Designers who can build are rare. This skill compounds. AI makes it accessible, but you still need to know the environment.
About me
I'm Tom, a product designer. I picked up coding over the years, helped by patient dev colleagues who explained things when I asked. Slowly I got familiar with code, the tools, the processes. At some point I could do basic frontend stuff, but real coding still stopped me. Databases, APIs, backend logic? Forget it.
Not anymore. Since AI coding arrived, I do full-stack work at my job and have built apps and tools on my own. AI handles the complexity. The only limit is understanding what buttons to press and how to guide an AI agent — and that's a thousand times easier than memorizing syntax.
This tutorial is everything I wish someone had shown me earlier.
Chapters
The Magic Trick
Open Terminal, get Claude Code running, build something, deploy it. 20 minutes.
More parts coming soon. Get notified when new chapters drop.
The Environment
Terminal, files, folders, commands. Just enough to know where you are. Coming soon.
Working with Claude Code
How to prompt, review code, iterate. Get better results faster. Coming soon.
When Things Break
Errors happen. How to read them, fix them, ask Claude for help. Coming soon.
Ship It
From idea to live URL. Build something real and put it online. Coming soon.
Want to know when the rest is ready?
I'll email you when new chapters drop. No spam, just updates.
Get notifiedOr send feedback directly: hello@tomreinert.de
Ready? Chapter 1 takes 20 minutes. You'll have a live website by the end.
Start Chapter 1