Courses / On-demand courses
Claude Design from Zero
Prototypes, slides and landing pages from a prompt, in your own design system, then shipped with Claude Code.
Claude Design from Zero is a self-paced online course: 9.5 hours of recorded sessions across 7 modules, with 6 graded by Nova, Square 1's AI tutor. The founding price is A$45, down from A$90. Start any time and keep your own pace.
Price: A$45A$9050% off
Founding price for the first cohort, until 21 October.
Founding price, one payment. Founding students keep their founding price on any second programme.
Founding intake
Spot holders hear the start date first.
Module by module
Module 1 · 60 min · graded
A first design from a brief
Module 2 · 90 min · graded
Your design system as the source
Module 3 · 90 min · graded
Prototypes from documents, images and code
Module 4 · 60 min · graded
Slides and one-pagers that hold up
Module 5 · 60 min
Critique, iterate, decide
Module 6 · 90 min · graded
From design to code with Claude Code
Module 7 · 120 min · graded
Project: a landing page, designed and shipped
- recorded hours
- 9.5
- modules, in order
- 7
- deployed projects
- 3
- graded checkpoints
- 6
Who it is for, and what you receive.
Founders, product people, marketers and engineers who want to go from a brief to a prototype, a deck or a shipped landing page with Claude Design, in their own design system.
Before you start
A Claude Pro, Max, Team or Enterprise plan. No design background needed; module 6 assumes you can run a web project.
Skills
- Claude Design
- design systems
- prototyping
- Claude Code
- 1
The recorded sessions
Taught by an instructor, taken in order at your own pace, yours for twelve months.
- 2
Graded work after every module
Exercises and projects marked by Nova against a rubric you can read, with what you did well and what to fix.
- 3
The projects
Deployed and graded, each one on your record with its repository.
- 4
Your hiring plan
The same six-part plan the bootcamps use, run with the career agent.
- 5
The record and the certificate
Every grade at square1ai.com/u/{handle}; a credential ID that resolves at square1ai.com/verify.
- 6
Nova as your tutor
Help that is about your actual work, because it has read all of it.
The content plan, module by module.
9.5 recorded hours from an instructor, taken in order at your own pace. Nova grades the work at the end of each module.
A first design from a brief
Module 1 · 60 min
Graded at the end: A one-pager from a written brief, reviewed.
- Claude
- Next.js
- Vercel
What Claude Design makes
Writing a brief it can follow
Reviewing against the brief
Your design system as the source
Module 2 · 90 min
Graded at the end: A design system Claude Design applies on every screen.
- Claude
- Next.js
- Vercel
Colours, type and components as tokens
Importing an existing system
Checking every screen follows it
Prototypes from documents, images and code
Module 3 · 90 min
Graded at the end: A clickable prototype from a real spec.
- Claude
- Next.js
- Vercel
From a spec to screens
From a screenshot or sketch
From a codebase
Making it clickable
Slides and one-pagers that hold up
Module 4 · 60 min
Graded at the end: A deck built from a long document.
- Claude
- Next.js
- Vercel
Structure before style
From a long document to a deck
One-pagers people read
Critique, iterate, decide
Module 5 · 60 min
Watch and take notes; nothing to submit in this module.
- Claude
- Next.js
- Vercel
Asking for alternatives
Comparing versions
Knowing when to stop
From design to code with Claude Code
Module 6 · 90 min
Graded at the end: A design shipped as a working page.
- Claude
- Next.js
- Vercel
Design inside Claude Code
From prototype to components
Checking the build against the design
Project: a landing page, designed and shipped
Module 7 · 120 min
Graded at the end: The live page with its design and review notes.
- Claude
- Next.js
- Vercel
The brief
The design
The review
The build
The launch
The projects.
Each is deployed and graded by Nova against a rubric you can read before you start.
- 1
A prototype from a spec
Take a real product spec, yours or an open-source project's, and build a clickable prototype of its main flow in Claude Design. Every screen follows one design system, and your notes say where the spec was unclear and what you decided.
You hand in
- Clickable prototype link
- Design system used
- Notes on gaps in the spec
The rubric requires
Every screen in the main flow is reachable by clicking, and none breaks the design system.
- 2
A deck and a one-pager
A team has a twenty-page document nobody reads. You turn it into a ten-slide deck and a one-pager in your own design system, each one able to stand on its own without the document.
You hand in
- Slide deck
- One-pager
- The source document
- What you cut and why
The rubric requires
A reader who has not seen the document can state its three main points from the one-pager alone.
- 3
A landing page, shipped
Design a landing page for a real product or your own project in Claude Design, then build and deploy it with Claude Code. The shipped page matches the design, and your review notes record every place it does not and why.
You hand in
- Design file
- Deployed page URL
- Repository
- Design-to-build review notes
The rubric requires
The deployed page matches the approved design on desktop and phone, and every difference is explained.
What you can do at the end.
A design workflow from brief to shipped page, and three graded projects on your record that show it.
- 1
Turn a written brief into a one-pager and judge it against the brief.
- 2
Set up a design system Claude Design applies to every screen it makes.
- 3
Build clickable prototypes from documents, images and an existing codebase.
- 4
Produce slides and one-pagers from long documents that read well on their own.
- 5
Critique and iterate a design deliberately, and decide when it is done.
- 6
Hand a design to Claude Code and ship it as a working page.
Roles this prepares you for
- Product designer (AI-assisted)
- Founder
- Product manager
- Front-end engineer
No placement rate is shown, because there are no graduates to count yet. The roles above are what the projects are built for.
Your record at the end.
Every exercise and project is graded by Nova against a rubric you can read, and every grade is kept on one page an employer can open and run. This is what the programme writes to it.
- Graded, line by line
- Nova reads every submission against the brief and the rubric and returns a score, what you did well and what to fix.
- Module by module
- Each module ends in graded work; the next opens when you are ready, on your own schedule.
- Nova remembers
- Help is about your actual work, because the tutor has every submission and every failed exercise of yours.
- One page an employer can run
- Every grade and project at /verify. An employer opens it and runs the code.
Record, Claude Design from Zero
Example
- ProjectGraded
A prototype from a spec
Every screen in the main flow is reachable by clicking, and none breaks the design system.
- ProjectGraded
A deck and a one-pager
A reader who has not seen the document can state its three main points from the one-pager alone.
- ProjectGraded
A landing page, shipped
The deployed page matches the approved design on desktop and phone, and every difference is explained.
- Every moduleGraded
6 graded checkpoints
Each module ends in work Nova grades line by line against a rubric you can read.
- AfterKept
Your hiring plan
Target roles, the gap map, the proof to send, weekly actions and an interview log.
The entries, not the grades: those are yours to earn. The page lives at /verify and an employer needs no account to open it.
5 entries, at your own pace. 25 spots are open.
Reserve my spotHow we help you find a job.
Proof, not a certificate: the projects you deployed are the thing you show, and the tools below are yours to use.
- 1
Your hiring plan
The same six-part plan the bootcamps use: target roles, the gap map, the proof to send, weekly actions, an interview log, the outcome. You run it with the career agent.
- 2
A record an employer can run
Your graded projects on /verify. An employer opens it and runs the code.
- 3
The career agent
Paste a real job posting at /career and it maps the role to your graded work and what to do next.
- 4
The roles directory
Every role we prepare people for, what it pays and what it asks, at /roles.
- 5
A path to the live cohort
If you want the instructor, the gates and the hiring sprint, the bootcamp on the same subject is one waitlist away.
Questions people ask.
About Claude Design from Zero, answered from the plan on this page.
Related programmes
- Claude Code for Engineering Bootcamp · 12-week live bootcamp
- Claude Code from Zero · 10.5 h on demand
- AI Coding Workflows · 8 h on demand
How long is Claude Design from Zero?
9.5 hours of recorded sessions across 7 modules, taken at your own pace. 6 of the modules end in work Nova grades.
Is Claude Design from Zero live or self-paced?
Self-paced. The sessions are recorded by an instructor who does this work, and Nova, Square 1's AI tutor, grades every checkpoint and project against a rubric you can read.
How much does Claude Design from Zero cost?
A$45 for the founding intake, paid once; the standard price is A$90. It is the same price in every country. Founding students keep their founding price on any second programme.
Who is Claude Design from Zero for?
Founders, product people, marketers and engineers who want to go from a brief to a prototype, a deck or a shipped landing page with Claude Design, in their own design system. Before you start: A Claude Pro, Max, Team or Enterprise plan. No design background needed; module 6 assumes you can run a web project.
What will I build in Claude Design from Zero?
3 deployed projects: A prototype from a spec, A deck and a one-pager and A landing page, shipped. Each is graded against a published rubric and kept on a record an employer can open at /verify.
What skills does Claude Design from Zero teach?
Claude Design, design systems, prototyping and Claude Code. It prepares you for roles such as Product designer (AI-assisted), Founder, Product manager and Front-end engineer.
Does Claude Design from Zero guarantee a job?
No. No placement rate is published because there are no graduates to count yet. What you leave with is graded, deployed work on one record an employer can open and run, and a hiring plan you keep with the career agent.
How do I join Claude Design from Zero?
Reserve one of the twenty-five founding spots on this page with your email. Spot holders hear the opening date first, and nothing is charged before you confirm. The price on this page is in Australian dollars and is the same in every country.
25 spots. Hold one of them.
25 founding spots. Recorded by an instructor who does this work, graded by Nova. Spot holders hear the opening date first, and nothing is charged before you confirm.
- A design workflow that goes from brief to shipped page
- Three graded projects on your record
About a minute. No account, no card, and nothing is charged until you confirm.