Start from scratchSelf-paced

Zero to Heroin Product Design

Zero design experience in. One shipped product out.

Ten modules and one real app, from your first interface to a developer handoff, with AI as a tool you direct and audit.

  • User research
  • Wireframing
  • Visual design
  • Design systems
  • Prototyping
  • Developer handoff
₹5,599Was ₹5,899Save ₹300Diwali Offer until 9 Nov 2026, 11:59 pm IST
Enroll now
  • 7-day money-back guarantee, subject to the final refund policy
  • Lifetime access
  • Assessment-backed certificate
Taught by Megha AroraDesign & Research · GoodScool
Course cover: Zero to Hero in Product Design
  • 10modules
  • 41core lessons
  • 1product, brief to handoff
  • 0design experience needed
Level
Beginner, no design experience
Format
Self-paced, online
Language
English
Certificate
Assessment-backed
Access
Lifetime, with updates

This course is for you if

Read these four. If one sounds like you, this is built for you.

  • You’ve never opened Figma and don’t have a design vocabulary yet.
  • You know a few tools but have never built one product end to end.
  • AI design tools intimidate you, or you don’t trust them yet.
  • You want one complete product in your portfolio, not a folder of exercises.
An honest note

Not for you if you want a weekend crash course. This takes real, structured effort across all ten modules.

Not a certificate. A body of work.

Four things you can open in an interview, send to a recruiter or put on your profile. The certificate comes at the end.

  • Plantera, developer-ready

    One product from brief to a QA’d, systemised, hi-fi prototype.

  • A priced freelance offer

    A computed hourly rate and a seven-clause contract template.

  • A five-act case study

    The whole project, written so a hiring manager keeps reading.

  • An interview you’ve rehearsed

    Portfolio walkthrough, whiteboard challenge and behavioural answers.

AI speeds you up. You make the call.

Nearly every module pairs a theory lesson with an AI-partnered one. You direct the tool, read what it gives back, and own every decision.

Research methodsAI research synthesis
Mood boardsAI visual concepts
Wireframe theoryAI wireframing
Type and colourAI token partner

Illustration. Teaching material, not a real learner record.

Three things you won’t find elsewhere.

Why this course is different, in three specifics.

  • 01AI is in the curriculum, not bolted on.

    Nearly every module pairs a theory lesson with an AI-partnered one. The rule never changes: AI speeds up production, you own every judgment call.

  • 02One product, built to ship.

    Plantera runs from Module 2 to Module 10, with its own palette, type system, persona, component library and Jira board.

  • 03The business of design, too.

    Work out a defensible hourly rate from first principles, write a seven-clause contract and run a real 90-minute developer handoff.

10 modules. Every one ends in work.

Each module’s core lessons, in a fixed order, and the work you’ll have made by the end of it.

01The Anatomy of an InterfaceThe four building blocks, grids, Gestalt, buttons and icons.5 lessonsYou make: Your interface vocabulary
In this module: The four building blocks, grids, Gestalt, buttons and icons.
You make: Your interface vocabulary
1.1The Anatomy of an Interface
1.2The Science of Layout
1.3The Psychology of Perception
1.4Core Components: Buttons, Forms & Controls
1.5The Language of Icons
Figma/Today screen
9:41●●●
Good morning, Priya
3 plants need you today
Water in 2 days
Monstera
Living room · bright
Snake plant
Mist leaves
Mist
Fiddle-leaf fig
Needs light
Move
Every screen has four parts
Name them and you can design any interface.
1
Information
what you read
2
Container
groups related things
3
Interaction
what you can tap
4
Navigation
where you can go
4 columns · 16 px margins
Fig. 1 · The Anatomy of an Interface, your interface vocabularyIllustrative
Figma/Today screen
9:41●●●
Good morning, Priya
3 plants need you today
Water in 2 days
Monstera
Living room · bright
Snake plant
Mist leaves
Mist
Fiddle-leaf fig
Needs light
Move
Every screen has four parts
Name them and you can design any interface.
1
Information
what you read
2
Container
groups related things
3
Interaction
what you can tap
4
Navigation
where you can go
4 columns · 16 px margins
Fig. 1 · The Anatomy of an Interface, your interface vocabularyIllustrative
02Research & DirectionA real project brief, evidence-based research and a persona built from it.4 lessonsYou make: Brief and persona, Priya M.
In this module: A real project brief, evidence-based research and a persona built from it.
You make: Brief and persona, Priya M.
2.1The Power of the Project Brief
2.2Research & Competitive Analysis
2.3Personas & Job Stories
2.4AI-Powered Research Synthesis
FigJam/Research board
P
Priya M. · 28 · Business analyst, Bengaluru
I travel two weeks a month. I just want to know my plants are okay.
Built from 6 interviews12 plants
Plantera · project brief
ProblemPlants die when owners travel
AudienceUrban millennials, 5 to 15 plants
ConstraintsiOS first · 8 weeks
SuccessOn-time watering, fewer lost plants
AI draft, verified by you
Verified
Plants die when owners travel5 of 6
Reminders ignore season4 of 6
I forget what each plant needs4 of 6
Fig. 2 · Research & Direction, brief and persona, priya m.Illustrative
FigJam/Research board
P
Priya M. · 28 · Business analyst, Bengaluru
I travel two weeks a month. I just want to know my plants are okay.
Built from 6 interviews12 plants
Plantera · project brief
ProblemPlants die when owners travel
AudienceUrban millennials, 5 to 15 plants
ConstraintsiOS first · 8 weeks
SuccessOn-time watering, fewer lost plants
AI draft, verified by you
Verified
Plants die when owners travel5 of 6
Reminders ignore season4 of 6
I forget what each plant needs4 of 6
Fig. 2 · Research & Direction, brief and persona, priya m.Illustrative
03Visual DirectionMood boards as strategy, AI concepts and converging on one direction.4 lessonsYou make: A Style Scape
In this module: Mood boards as strategy, AI concepts and converging on one direction.
You make: A Style Scape
3.1The Art of the Mood Board
3.2Generating Visual Concepts with AI
3.3From Broad Ideas to a Focused Direction
3.4Presenting a Creative Vision
Figma/Style Scape
Painted, so it never looks stock
Four colours, one warm accent.
Forest
Cream
Sun
Clay
Aa
Poppins 600 · Inter 400
Quiet, living, unhurried.
AI concepts
A
Moody
B
Sunlit
Chosen
C
Graphic
Fig. 3 · Visual Direction, a style scapeIllustrative
Figma/Style Scape
Painted, so it never looks stock
Four colours, one warm accent.
Forest
Cream
Sun
Clay
Aa
Poppins 600 · Inter 400
Quiet, living, unhurried.
AI concepts
A
Moody
B
Sunlit
Chosen
C
Graphic
Fig. 3 · Visual Direction, a style scapeIllustrative
04StructureFlows, site maps and wireframes, critiqued without confirmation bias.4 lessonsYou make: A wireframed user flow
In this module: Flows, site maps and wireframes, critiqued without confirmation bias.
You make: A wireframed user flow
4.1Mapping the Journey: User Flows & Site Maps
4.2Wireframing Theory: The Bones of Design
4.3AI-Accelerated Wireframing: Hours to Minutes
4.4Critiquing & Refining Blueprints
FigJam/Wireframe flow
Three screens, one flow
Wireframed and critiqued before any colour.
9:41●●●
Today
Monstera
Pothos
01 Home
9:41●●●
Monstera
Bright · 7 days · 60%
02 Plant detail
9:41●●●
Add a plant
03 Add a plant
Today before plantsWater in thumb reachScan first, type second
Fig. 4 · Structure, a wireframed user flowIllustrative
FigJam/Wireframe flow
Three screens, one flow
Wireframed and critiqued before any colour.
9:41●●●
Today
Monstera
Pothos
01 Home
9:41●●●
Monstera
Bright · 7 days · 60%
02 Plant detail
9:41●●●
Add a plant
03 Add a plant
Today before plantsWater in thumb reachScan first, type second
Fig. 4 · Structure, a wireframed user flowIllustrative
05The Visual SystemColour, contrast, type scales and tokens you can defend.4 lessonsYou make: Colour and type system
In this module: Colour, contrast, type scales and tokens you can defend.
You make: Colour and type system
5.1Advanced Color Theory & Palette Creation
5.2Accessible, High-Contrast Interfaces
5.3Mastering Typography & Type Systems
5.4Building Your Visual System with AI
Figma/Variables
A colour and type system
Forest brand scale, tested for contrast.
Forest on Cream
8.5:1AAA
Clay on Cream
3.5:1AA large
Display
32 / 40
Title
24 / 32
Body
16 / 24
Caption
12 / 16
Poppins to speak, Inter to read.
Fig. 5 · The Visual System, colour and type systemIllustrative
Figma/Variables
A colour and type system
Forest brand scale, tested for contrast.
Forest on Cream
8.5:1AAA
Clay on Cream
3.5:1AA large
Display
32 / 40
Title
24 / 32
Body
16 / 24
Caption
12 / 16
Poppins to speak, Inter to read.
Fig. 5 · The Visual System, colour and type systemIllustrative
06BehaviorInteraction laws, every screen state and motion that means something.4 lessonsYou make: Click-through prototype
In this module: Interaction laws, every screen state and motion that means something.
You make: Click-through prototype
6.1Principles of Interaction Design
6.2Designing for States
6.3Micro-interactions & Motion
6.4High-Fidelity Interactive Prototypes
Figma/Prototype
TaskTile / Water
One component, four states.
Default
idle
Pressed
100 ms
Loading
locked
Success
1.2 s
Ease out · 300 ms
Interaction
On tap → Smart animate
Change to Success · Ease out · 300 ms
Press answers in 100 ms. Success names the change.
Fig. 6 · Behavior, click-through prototypeIllustrative
Figma/Prototype
TaskTile / Water
One component, four states.
Default
idle
Pressed
100 ms
Loading
locked
Success
1.2 s
Ease out · 300 ms
Interaction
On tap → Smart animate
Change to Success · Ease out · 300 ms
Press answers in 100 ms. Success names the change.
Fig. 6 · Behavior, click-through prototypeIllustrative
07Design SystemsAtomic design and code-ready components, out of Component Hell.4 lessonsYou make: Plantera component library
In this module: Atomic design and code-ready components, out of Component Hell.
You make: Plantera component library
7.1From Style Guide to Design System
7.2The Philosophy of Atomic Design
7.3Reusable, Code-Ready Components
7.4[Lesson to be confirmed against the curriculum inventory]
Figma/Components
PlantCard
One set, three states. Only overdue gets red.
State = Default
Monstera
Water in 2 days
Water
State = Overdue
Fiddle-leaf fig
2 days late
Water now
State = Done
Snake plant
Watered
Watered
Variant propertiesState · Overdue
Layout: gap 8, padding 12 · Fill: surface/card
Tokens, not hex: edit once.
Fig. 7 · Design Systems, plantera component libraryIllustrative
Figma/Components
PlantCard
One set, three states. Only overdue gets red.
State = Default
Monstera
Water in 2 days
Water
State = Overdue
Fiddle-leaf fig
2 days late
Water now
State = Done
Snake plant
Watered
Watered
Variant propertiesState · Overdue
Layout: gap 8, padding 12 · Fill: surface/card
Tokens, not hex: edit once.
Fig. 7 · Design Systems, plantera component libraryIllustrative
08ExecutionFrom strategic briefing to a full hi-fi Plantera prototype.4 lessonsYou make: Ten hi-fi screens
In this module: From strategic briefing to a full hi-fi Plantera prototype.
You make: Ten hi-fi screens
8.1Assembling Your Strategic Briefing
8.2From Brief to High-Fidelity Prototype
8.3Applying the Plantera Design System
8.4[Lesson to be confirmed against the curriculum inventory]
Figma/Hi-fi screens
Ten hi-fi screens, three shown
Ready for dev.
9:41●●●
Good morning, Priya
3 plants need you today
Water in 2 days
Monstera
Living room · bright
Snake plant
Mist leaves
Mist
Fiddle-leaf fig
Needs light
Move
9:41●●●
Monstera
Swiss cheese plant
Bright · 7 days · 60%
Water now
9:41●●●
October
Mon · Water MonsteraNext
Wed · Mist fiddle-leaf
Fri · ClearFriday is clear
Due today comes firstPrimary action in thumb reach
Fig. 8 · Execution, ten hi-fi screensIllustrative
Figma/Hi-fi screens
Ten hi-fi screens, three shown
Ready for dev.
9:41●●●
Good morning, Priya
3 plants need you today
Water in 2 days
Monstera
Living room · bright
Snake plant
Mist leaves
Mist
Fiddle-leaf fig
Needs light
Move
9:41●●●
Monstera
Swiss cheese plant
Bright · 7 days · 60%
Water now
Due today comes firstPrimary action in thumb reach
Fig. 8 · Execution, ten hi-fi screensIllustrative
09Working Like a ProfessionalDeveloper handoff, pricing, contracts, Agile and design sprints.4 lessonsYou make: Handoff and a 7-clause contract
In this module: Developer handoff, pricing, contracts, Agile and design sprints.
You make: Handoff and a 7-clause contract
9.1Mastering the Developer Handoff
9.2Pricing & Contracts
9.3Agile & Design Sprints
9.4[Lesson to be confirmed against the curriculum inventory]
Figma/Dev Mode
Handoff and a seven-clause contract
PlantCard · Dev Mode
display: grid; gap: 24px; padding: 24px; border-radius: 16px; background: #FFF;
Freelance design agreement
Scope6 screens, 1 flow
Revisions2 rounds
Payment50 / 50
IPYours once paid
Timeline6 weeks
Termination7 days’ notice
RATE
₹96,000 ÷ 48 hours = ₹2,000 / hr
Computed
A rate computed, not guessed.
Fig. 9 · Working Like a Professional, handoff and a 7-clause contractIllustrative
Figma/Dev Mode
Handoff and a seven-clause contract
PlantCard · Dev Mode
display: grid; gap: 24px; padding: 24px; border-radius: 16px; background: #FFF;
Freelance design agreement
Scope6 screens, 1 flow
Revisions2 rounds
Payment50 / 50
IPYours once paid
Timeline6 weeks
Termination7 days’ notice
RATE
₹96,000 ÷ 48 hours = ₹2,000 / hr
Computed
A rate computed, not guessed.
Fig. 9 · Working Like a Professional, handoff and a 7-clause contractIllustrative
10Getting HiredA five-act case study, a personal brand and the three-part interview.4 lessonsYou make: A five-act case study
In this module: A five-act case study, a personal brand and the three-part interview.
You make: A five-act case study
10.1Crafting a World-Class Case Study
10.2Building Your Personal Brand Online
10.3The Global Job Hunt
10.4Nailing the Design Interview
Notion/Case study
Plantera: plant care that remembers for you
Role · Solo designerTimeline · 6 weeksTools · Figma, Maze
Five acts
1 / 5
1The problem
2What research showed
3The decisions
4The system
5What changed
“I don’t forget to water. I forget which plant needs what.”
Participant 4 · plant owner
Fig. 10 · Getting Hired, a five-act case studyIllustrative
Notion/Case study
Plantera: plant care that remembers for you
Role · Solo designerTimeline · 6 weeksTools · Figma, Maze
Five acts
1 / 5
1The problem
2What research showed
3The decisions
4The system
5What changed
“I don’t forget to water. I forget which plant needs what.”
Participant 4 · plant owner
Fig. 10 · Getting Hired, a five-act case studyIllustrative

Take the syllabus with you.

Every module, every lesson and what you make in each, in one PDF. Read it tonight, share it with your manager, decide tomorrow.

We use this only to send the syllabus and answer your questions about the course. Privacy policy

Build one product that ships.

AI as a tool you direct, a method you can repeat, and a case study to prove it.

₹5,599Was ₹5,899Save ₹300Diwali Offer until 9 Nov 2026, 11:59 pm IST
Enroll now

Secure checkout · UPI, cards and net banking

A certificate you earn. A record that keeps growing.

See what you’ve completed, check what you understand, and know what to work on next. Certified on reasoning, not attendance.

Your live report cardIllustrative
  1. Building
  2. Ready for Review
  3. Opportunity Ready
Course progress24 / 41
Knowledge checks24 / 30
Certification assessment32 / 40
Learning consistency8 / 10
Next useful stepRevisit the ideas you missed in your knowledge checks.

Example figures, not a real learner record. A stage, never a public score.

  • A stage, not a score.Your stage is yours. Employers only see it when you say yes.
  • Evidence, not attendance.Progress comes from checks and an assessment, not time logged.
  • Always one next move.Every report ends with the single most useful thing to do next.
Illustrative
Certificate of achievement

Good thinking.
Demonstrated.

Presented to
Your name here
  • Find the right problem
  • Make decisions you can explain
  • See the bigger product
Certified
Assessment-backed GoodScool learning
Credential ID · Date issued
  1. 01Complete the required lessons.
  2. 02Complete the checks and assessment.
  3. 03Earn your GoodScool certification.
Learning PassportYour certificates and learning evidence, kept in one record. Details when it launches.
Coming soon

Most courses. This one.

Where the course makes a different choice, side by side.

Most coursesZero to Hero in Product Design
Teach Figma as a tool, theory as a separate track
Theory and execution fused, lesson by lesson, on one product
Treat AI tools as an afterthought, or ignore them
AI in nearly every module, with a clear human-judgment line
A new toy example every lesson
One continuity-tracked product across all ten modules
Design systems as “make a style guide”
Atomic design, variant architecture and Component Hell
Freelance and business skills: absent
An hourly rate and a contract, from first principles

One mentor. Four ways to think with you.

You’re not learning alone.

COCO reads the lesson you’re on, then meets you in the mood the moment needs. It can be wrong, and it says so when it is unsure.

  • 1COCO, inside every lesson
  • 2The Mentor Desk
  • 3Live office hours9am to 5pm IST

Mentorship levels 1 to 3 come with your course.

01 · LearnUnhurried.
02 · ExplainNever lets a “why” slide.
03 · CritiqueHard to impress. On purpose.
04 · DrillMakes it stick.
Portrait of Megha AroraMeet Megha
Your instructor

Megha Arora

Design & Research · GoodScool

See the person. Then design the product.

Research, visual craft and the reasoning that connects them.

Also teaches: Graphic Design to Product Design

Straight answers.

Do I need any design experience?

No. This is the zero-to-hired course. It starts with what an interface is made of and assumes nothing.

How is AI used in the course?

As a working tool you direct and audit. Each AI lesson sits beside a theory lesson, and the judgment calls stay yours.

What will I actually build?

Plantera, one complete plant-care app, taken from a one-page brief to a developer-ready prototype and a case study.

Is there help when I get stuck?

Yes. COCO, the Mentor Desk and live office hours come with your course.

Start the course.

Start today. Go at your own pace. Keep it for life. Leave with one shipped product.

Course cover: Zero to Hero in Product Design
One-time payment · lifetime access
₹5,599Was ₹5,899Save ₹300Diwali Offer until 9 Nov 2026, 11:59 pm IST
  • Every lesson, in the GoodScool Learning Environment
  • COCO, your AI mentor, in every lesson
  • Mentorship levels 1 to 3
  • Plantera, developer-ready, for your portfolio
  • Assessment-backed certification
  • Lifetime access and every update
Enroll now7-day money-back guarantee, subject to the final refund policy

Secure checkout · UPI, cards and net banking

Not ready yet? Get the free syllabus

Plantera and every person in the illustrations are fictional.

Zero to Hero in Product Design₹5,599Enroll now