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.
3 Chapters
Chapter 1: Jump the hurdle
Open Terminal. Get Claude Code running. Build something and deploy it in 20 minutes.
Start now
Chapter 2: Let Claude be your teacher
Give yourself a head start with a ready-made file that tells Claude where you stand, so it guides you as you build instead of racing ahead.
Read it
Chapter 3: Where Claude works
The idea that trips up everyone: Claude only sees the folder you start it in. Organize your projects and run more than one at once.
Read it
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.
Let Claude Be Your Teacher
Give yourself a head start with a ready-made file that tells Claude where you stand, so it guides you as you build. 5 minutes.
Where Claude Works
Claude only sees the folder you start it in. Organize your projects and run more than one Claude at once.
More chapters may follow. Get notified if they do.
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