Cohort

02

Interface Anatomy

Learn to build a design system from scratch, Design to code to storybook, then AI coding agents and a modern development workflow.

Closed

10 of 150 seats remaining

0 of 0 seats taken0 seats left

8 weeks

Duration

Starts

₹15,000

Investments

Cohort

02

Interface Anatomy

Learn to build a design system from scratch, Design to code to storybook, then AI coding agents and a modern development workflow.

Closed

10 of 150 seats remaining

0 of 0 seats taken0 seats left

8 weeks

Duration

Starts

₹15,000

Investments

Cohort

02

Interface Anatomy

Learn to build a design system from scratch, Design to code to storybook, then AI coding agents and a modern development workflow.

Closed

10 of 150 seats remaining

0 of 0 seats taken0 seats left

8 weeks

Duration

Starts

₹15,000

Investments

  • Case study craft

  • 13 copywriting framework

  • 4 portfolio case study

  • Everyday resources

  • 1:1 live sessions

  • 24/7 mentor guidance

  • Case study craft

  • 13 copywriting framework

  • 4 portfolio case study

  • 1:1 live sessions

  • Everyday resources

is this program for you?

Do you also think like this?

If any of these feels familiar, you’re exactly who this program is built for.

Beginner

“I’ve watched 200 tutorials. I still don’t know how to start a real project.”

You’ll ship a complete, documented design system in 12 weeks. No more starting from zero.

1 year

“My work looks okay but I can’t explain a single decision I made.”

You’ll ship a complete, documented design system in 12 weeks. No more starting from zero.

3 year

“I’ve been ‘almost senior’ for 8 months. I don’t know what I’m missing.”

You’ll learn to think in systems, tokens, and architecture: the exact layer that separates mid from senior.

5 year

“AI is doing what I do in 10 minutes. I don’t know what my value is anymore.”

You’ll master the layer AI can’t touch: decisions, systems thinking, and the ability to defend every choice under pressure.

is this program for you?

Do you also think like this?

If any of these feels familiar, you’re exactly who this program is built for.

Beginner

“I’ve watched 200 tutorials. I still don’t know how to start a real project.”

You’ll ship a complete, documented design system in 12 weeks. No more starting from zero.

1 year

“My work looks okay but I can’t explain a single decision I made.”

You’ll ship a complete, documented design system in 12 weeks. No more starting from zero.

3 year

“I’ve been ‘almost senior’ for 8 months. I don’t know what I’m missing.”

You’ll learn to think in systems, tokens, and architecture: the exact layer that separates mid from senior.

5 year

“AI is doing what I do in 10 minutes. I don’t know what my value is anymore.”

You’ll master the layer AI can’t touch: decisions, systems thinking, and the ability to defend every choice under pressure.

is this program for you?

Do you also think like this?

If any of these feels familiar, you’re exactly who this program is built for.

Beginner

“I’ve watched 200 tutorials. I still don’t know how to start a real project.”

You’ll ship a complete, documented design system in 12 weeks. No more starting from zero.

1 year

“My work looks okay but I can’t explain a single decision I made.”

You’ll ship a complete, documented design system in 12 weeks. No more starting from zero.

3 year

“I’ve been ‘almost senior’ for 8 months. I don’t know what I’m missing.”

You’ll learn to think in systems, tokens, and architecture: the exact layer that separates mid from senior.

5 year

“AI is doing what I do in 10 minutes. I don’t know what my value is anymore.”

You’ll master the layer AI can’t touch: decisions, systems thinking, and the ability to defend every choice under pressure.

Why your work is not speaking

Why isn’t your work
getting you hired?

After reviewing thousands of portfolios and years of hiring, Rajat Patel sees the same four patterns. Strong designers get filtered out before anyone sees how good they really are, and none of the reasons are about design skill.

01

You can’t explain your decisions

The work is solid but when someone asks “why did you do it this way?” you freeze, ramble, or apologise. Companies hire the designer who can defend the work, not just the one who made it look good.

02

You’re making screens, not systems

Every project is a one-off. Nothing is reusable, scalable, or documented. Senior designers think in components, tokens, and rules, not individual frames. That gap is visible in 30 seconds.

03

Your portfolio has no architecture

Projects stacked in random order, no hierarchy, no story. A recruiter spends eight seconds before deciding whether to keep reading. Right now, nothing tells them where to look.

04

You’re still “junior” after years

You’ve been shipping work for 2-3 years and you’re still not levelling up. The issue isn’t output. It’s the layer above it: how you frame problems, structure systems, and communicate at a senior level.

Why your work is not speaking

Why isn’t your work
getting you hired?

After reviewing thousands of portfolios and years of hiring, Rajat Patel sees the same four patterns. Strong designers get filtered out before anyone sees how good they really are, and none of the reasons are about design skill.

01

You can’t explain your decisions

The work is solid but when someone asks “why did you do it this way?” you freeze, ramble, or apologise. Companies hire the designer who can defend the work, not just the one who made it look good.

02

You’re making screens, not systems

Every project is a one-off. Nothing is reusable, scalable, or documented. Senior designers think in components, tokens, and rules, not individual frames. That gap is visible in 30 seconds.

03

Your portfolio has no architecture

Projects stacked in random order, no hierarchy, no story. A recruiter spends eight seconds before deciding whether to keep reading. Right now, nothing tells them where to look.

04

You’re still “junior” after years

You’ve been shipping work for 2-3 years and you’re still not levelling up. The issue isn’t output. It’s the layer above it: how you frame problems, structure systems, and communicate at a senior level.

Why your work is not speaking

Why isn’t your work
getting you hired?

After reviewing thousands of portfolios and years of hiring, Rajat Patel sees the same four patterns. Strong designers get filtered out before anyone sees how good they really are, and none of the reasons are about design skill.

01

You can’t explain your decisions

The work is solid but when someone asks “why did you do it this way?” you freeze, ramble, or apologise. Companies hire the designer who can defend the work, not just the one who made it look good.

02

You’re making screens, not systems

Every project is a one-off. Nothing is reusable, scalable, or documented. Senior designers think in components, tokens, and rules, not individual frames. That gap is visible in 30 seconds.

03

Your portfolio has no architecture

Projects stacked in random order, no hierarchy, no story. A recruiter spends eight seconds before deciding whether to keep reading. Right now, nothing tells them where to look.

04

You’re still “junior” after years

You’ve been shipping work for 2-3 years and you’re still not levelling up. The issue isn’t output. It’s the layer above it: how you frame problems, structure systems, and communicate at a senior level.

What do you actually get?

Here you graduate with
proof, not promises.

Not a certificate. Not a badge. Four real artifacts, built by you, ready to show in any interview from Day 1.

A complete design system, built from zero

Tokens, components, patterns, documentation. Production-grade: proves you think at scale, not just at screen level.

A defended portfolio presentation

You've already presented to a live panel under pressure. Job interviews feel easy after this.

The ability to explain every decision you make

"Walk me through your process" becomes the question you look forward to, not the one you dread.

15 Figma templates, yours to keep forever

Every resource pack from every week. Not watermarked, not locked. Drop into client work or your next job on Day 1.

What do you actually get?

Here you graduate with
proof, not promises.

Not a certificate. Not a badge. Four real artifacts, built by you, ready to show in any interview from Day 1.

A complete design system, built from zero

Tokens, components, patterns, documentation. Production-grade: proves you think at scale, not just at screen level.

A defended portfolio presentation

You've already presented to a live panel under pressure. Job interviews feel easy after this.

The ability to explain every decision you make

"Walk me through your process" becomes the question you look forward to, not the one you dread.

15 Figma templates, yours to keep forever

Every resource pack from every week. Not watermarked, not locked. Drop into client work or your next job on Day 1.

What do you actually get?

Here you graduate with
proof, not promises.

Not a certificate. Not a badge. Four real artifacts, built by you, ready to show in any interview from Day 1.

A complete design system, built from zero

Tokens, components, patterns, documentation. Production-grade: proves you think at scale, not just at screen level.

A defended portfolio presentation

You've already presented to a live panel under pressure. Job interviews feel easy after this.

The ability to explain every decision you make

"Walk me through your process" becomes the question you look forward to, not the one you dread.

15 Figma templates, yours to keep forever

Every resource pack from every week. Not watermarked, not locked. Drop into client work or your next job on Day 1.

What exactly will you learn?

12 weeks
One hireable designer.

Every stage ends with something real: built by you, documented by you, defended by you. You leave with a portfolio that speaks before you do.

week 01-02

Foundations: design systems as infrastructure

You start with what a design system actually is and why most of them fail. Then you rebuild a real product surface so it holds up on desktop, tablet, and mobile.

  • Style guide vs component library vs design system

  • System boundaries: foundations, primitives, components, patterns, templates

  • Figma file architecture, naming, and documentation

  • Advanced Auto Layout, grids, spacing, and responsive components

Output: System architecture, capstone direction, and a responsive product shell

week 03-04

Component systems

You build the foundation layer first, then the components that sit on top of it. The stage ends with a sprint: about 5 complex and 5 to 7 simple components.

  • Type scales, colour, spacing, radius, elevation, and motion

  • Figma Variables, collections, and modes

  • Component anatomy, variants, properties, slots, and instance swapping

  • States, content extremes, and when not to componentise

Milestone 1: Figma System v1

week 05-06

System infrastructure: tokens, accessibility, and docs

You turn your foundations into a three-tier token architecture, then make the system something other designers can trust and use.

  • Primitive, semantic, and component tokens

  • Dark mode, multi-theme, and multi-brand thinking

  • WCAG basics: contrast, keyboard, focus, and target size

  • Documentation, decision notes, and critique that returns PASS / FAIL / CAN’T TELL

Milestone 2: Production-ready Figma system

week 07-08

Operating a design system

Building the system is half the job. Here you learn how teams run it, grow it, and get people to use it.

  • Strategy, scope, and maturity

  • Centralised vs federated teams, and contribution models

  • Governance, versioning, deprecation, and migration

  • Adoption metrics, system health, ROI, and audits of mature systems

Live case: Solve an adoption problem in pods and defend your strategy.

Milestone 3: System strategy + audit

week 09-10

Design engineering

You learn code through the system you already designed, not generic programming. Then you get that system running in code.

  • HTML, CSS, DOM, and the React mental model

  • Components, props, state, and TypeScript vocabulary

  • Git, GitHub, and repository anatomy

  • Figma Variables → CSS variables → coded components → Storybook → deployment

Milestone 4: Design system running in code

week 11-12

Agentic product development

You use coding agents to build and ship a real product on your own system. When the product exposes a weak spot, you fix the system instead of patching screens.

  • Coding agents, repository context, and context engineering

  • AGENTS.md / CLAUDE.md-style instruction files

  • Brief → Plan → Agents → Code → Test → Visual QA → Fix → Deploy

  • Loading, empty, and error states, accessibility, and consistency

Milestone 5: A working product, presented at Demo Day

What exactly will you learn?

12 weeks
One hireable designer.

Every stage ends with something real: built by you, documented by you, defended by you. You leave with a portfolio that speaks before you do.

week 01-02

Foundations: design systems as infrastructure

You start with what a design system actually is and why most of them fail. Then you rebuild a real product surface so it holds up on desktop, tablet, and mobile.

  • Style guide vs component library vs design system

  • System boundaries: foundations, primitives, components, patterns, templates

  • Figma file architecture, naming, and documentation

  • Advanced Auto Layout, grids, spacing, and responsive components

Output: System architecture, capstone direction, and a responsive product shell

week 03-04

Component systems

You build the foundation layer first, then the components that sit on top of it. The stage ends with a sprint: about 5 complex and 5 to 7 simple components.

  • Type scales, colour, spacing, radius, elevation, and motion

  • Figma Variables, collections, and modes

  • Component anatomy, variants, properties, slots, and instance swapping

  • States, content extremes, and when not to componentise

Milestone 1: Figma System v1

week 05-06

System infrastructure: tokens, accessibility, and docs

You turn your foundations into a three-tier token architecture, then make the system something other designers can trust and use.

  • Primitive, semantic, and component tokens

  • Dark mode, multi-theme, and multi-brand thinking

  • WCAG basics: contrast, keyboard, focus, and target size

  • Documentation, decision notes, and critique that returns PASS / FAIL / CAN’T TELL

Milestone 2: Production-ready Figma system

week 07-08

Operating a design system

Building the system is half the job. Here you learn how teams run it, grow it, and get people to use it.

  • Strategy, scope, and maturity

  • Centralised vs federated teams, and contribution models

  • Governance, versioning, deprecation, and migration

  • Adoption metrics, system health, ROI, and audits of mature systems

Live case: Solve an adoption problem in pods and defend your strategy.

Milestone 3: System strategy + audit

week 09-10

Design engineering

You learn code through the system you already designed, not generic programming. Then you get that system running in code.

  • HTML, CSS, DOM, and the React mental model

  • Components, props, state, and TypeScript vocabulary

  • Git, GitHub, and repository anatomy

  • Figma Variables → CSS variables → coded components → Storybook → deployment

Milestone 4: Design system running in code

week 11-12

Agentic product development

You use coding agents to build and ship a real product on your own system. When the product exposes a weak spot, you fix the system instead of patching screens.

  • Coding agents, repository context, and context engineering

  • AGENTS.md / CLAUDE.md-style instruction files

  • Brief → Plan → Agents → Code → Test → Visual QA → Fix → Deploy

  • Loading, empty, and error states, accessibility, and consistency

Milestone 5: A working product, presented at Demo Day

What exactly will you learn?

12 weeks
One hireable designer.

Every stage ends with something real: built by you, documented by you, defended by you. You leave with a portfolio that speaks before you do.

week 01-02

Foundations: design systems as infrastructure

You start with what a design system actually is and why most of them fail. Then you rebuild a real product surface so it holds up on desktop, tablet, and mobile.

  • Style guide vs component library vs design system

  • System boundaries: foundations, primitives, components, patterns, templates

  • Figma file architecture, naming, and documentation

  • Advanced Auto Layout, grids, spacing, and responsive components

Output: System architecture, capstone direction, and a responsive product shell

week 03-04

Component systems

You build the foundation layer first, then the components that sit on top of it. The stage ends with a sprint: about 5 complex and 5 to 7 simple components.

  • Type scales, colour, spacing, radius, elevation, and motion

  • Figma Variables, collections, and modes

  • Component anatomy, variants, properties, slots, and instance swapping

  • States, content extremes, and when not to componentise

Milestone 1: Figma System v1

week 05-06

System infrastructure: tokens, accessibility, and docs

You turn your foundations into a three-tier token architecture, then make the system something other designers can trust and use.

  • Primitive, semantic, and component tokens

  • Dark mode, multi-theme, and multi-brand thinking

  • WCAG basics: contrast, keyboard, focus, and target size

  • Documentation, decision notes, and critique that returns PASS / FAIL / CAN’T TELL

Milestone 2: Production-ready Figma system

week 07-08

Operating a design system

Building the system is half the job. Here you learn how teams run it, grow it, and get people to use it.

  • Strategy, scope, and maturity

  • Centralised vs federated teams, and contribution models

  • Governance, versioning, deprecation, and migration

  • Adoption metrics, system health, ROI, and audits of mature systems

Live case: Solve an adoption problem in pods and defend your strategy.

Milestone 3: System strategy + audit

week 09-10

Design engineering

You learn code through the system you already designed, not generic programming. Then you get that system running in code.

  • HTML, CSS, DOM, and the React mental model

  • Components, props, state, and TypeScript vocabulary

  • Git, GitHub, and repository anatomy

  • Figma Variables → CSS variables → coded components → Storybook → deployment

Milestone 4: Design system running in code

week 11-12

Agentic product development

You use coding agents to build and ship a real product on your own system. When the product exposes a weak spot, you fix the system instead of patching screens.

  • Coding agents, repository context, and context engineering

  • AGENTS.md / CLAUDE.md-style instruction files

  • Brief → Plan → Agents → Code → Test → Visual QA → Fix → Deploy

  • Loading, empty, and error states, accessibility, and consistency

Milestone 5: A working product, presented at Demo Day

What you take home

Every week ends with
a working Figma file.

Each pack is a ready-to-use Figma template, not slides, not PDFs. Files you drop straight into your next project and use immediately.

week 1-2

Thinking kit

Tools for reading a problem before touching Figma

  • Problem framework template

  • System Map Canvas

  • Decision Log

week 3-5

Foundations Kit

Build your token and type system from scratch

  • Token Library Starter

  • System Map Canvas

  • Decision Log

week 6-8

Component Kit

Build every component to production standard

  • Component Anatomy Guide

  • System Map Canvas

  • Decision Log

week 9-10

Patterns Library

Build every component to production standard

  • Component Anatomy Guide

  • System Map Canvas

  • Decision Log

week 11-12

Defence Kit

Build every component to production standard

  • Component Anatomy Guide

  • System Map Canvas

  • Decision Log

What you take home

Every week ends with
a working Figma file.

Each pack is a ready-to-use Figma template, not slides, not PDFs. Files you drop straight into your next project and use immediately.

week 1-2

Thinking kit

Tools for reading a problem before touching Figma

  • Problem framework template

  • System Map Canvas

  • Decision Log

week 3-5

Foundations Kit

Build your token and type system from scratch

  • Token Library Starter

  • System Map Canvas

  • Decision Log

week 6-8

Component Kit

Build every component to production standard

  • Component Anatomy Guide

  • System Map Canvas

  • Decision Log

week 9-10

Patterns Library

Build every component to production standard

  • Component Anatomy Guide

  • System Map Canvas

  • Decision Log

week 11-12

Defence Kit

Build every component to production standard

  • Component Anatomy Guide

  • System Map Canvas

  • Decision Log

What you take home

Every week ends with
a working Figma file.

Each pack is a ready-to-use Figma template, not slides, not PDFs. Files you drop straight into your next project and use immediately.

week 1-2

Thinking kit

Tools for reading a problem before touching Figma

  • Problem framework template

  • System Map Canvas

  • Decision Log

week 3-5

Foundations Kit

Build your token and type system from scratch

  • Token Library Starter

  • System Map Canvas

  • Decision Log

week 6-8

Component Kit

Build every component to production standard

  • Component Anatomy Guide

  • System Map Canvas

  • Decision Log

week 9-10

Patterns Library

Build every component to production standard

  • Component Anatomy Guide

  • System Map Canvas

  • Decision Log

week 11-12

Defence Kit

Build every component to production standard

  • Component Anatomy Guide

  • System Map Canvas

  • Decision Log

Rajat Patel will be
teaching you this course.

Self-taught. No degree. 10 years at PhonePe, Airtel, and Zepto, most recently as Design Manager, sitting on the other side of the table deciding which portfolios moved forward. He’s reviewed thousands of them. Product Anatomy is everything he wishes those candidates had known.

I’ll show you how to think, not just what to make

I’ll review your work personally, not delegate it

I’ll tell you the truth about your work, not what you want to hear

500+

Designer Trained

10+

Rated by students

100M+

Students Mentored

Rajat Patel will be
teaching you this course.

Self-taught. No degree. 10 years at PhonePe, Airtel, and Zepto, most recently as Design Manager, sitting on the other side of the table deciding which portfolios moved forward. He’s reviewed thousands of them. Product Anatomy is everything he wishes those candidates had known.

I’ll show you how to think, not just what to make

I’ll review your work personally, not delegate it

I’ll tell you the truth about your work, not what you want to hear

500+

Designer Trained

10+

Rated by students

100M+

Students Mentored

Rajat Patel will be
teaching you this course.

Self-taught. No degree. 10 years at PhonePe, Airtel, and Zepto, most recently as Design Manager, sitting on the other side of the table deciding which portfolios moved forward. He’s reviewed thousands of them. Product Anatomy is everything he wishes those candidates had known.

I’ll show you how to think, not just what to make

I’ll review your work personally, not delegate it

I’ll tell you the truth about your work, not what you want to hear

500+

Designer Trained

10+

Rated by students

100M+

Students Mentored

What people say
about this course

Real students, real programs, real outcomes. Every quote is from a Molades graduate.

Interface Anatomy

"I had 2 years of experience and zero callbacks. I left with a design system and got hired on the spot by the first company I showed it to."

Vikas Sharma

UI Designer → Product Designer

Interface Anatomy

"5 years in and AI was eating my work. The systems intensive gave me the layer AI can't touch, and I got promoted 3 months later."

Vikas Sharma

UI Designer → Product Designer

Interface Anatomy

"5 years in and AI was eating my work. The systems intensive gave me the layer AI can't touch, and I got promoted 3 months later."

Vikas Sharma

UI Designer → Product Designer

What people say
about this course

Real students, real programs, real outcomes. Every quote is from a Molades graduate.

Interface Anatomy

"I had 2 years of experience and zero callbacks. I left with a design system and got hired on the spot by the first company I showed it to."

Vikas Sharma

UI Designer → Product Designer

Interface Anatomy

"5 years in and AI was eating my work. The systems intensive gave me the layer AI can't touch, and I got promoted 3 months later."

Vikas Sharma

UI Designer → Product Designer

Interface Anatomy

"5 years in and AI was eating my work. The systems intensive gave me the layer AI can't touch, and I got promoted 3 months later."

Vikas Sharma

UI Designer → Product Designer

What people say about this course

Real students, real programs, real outcomes. Every quote is from a Molades graduate.

Interface Anatomy

"I had 2 years of experience and zero callbacks. I left with a design system and got hired on the spot by the first company I showed it to."

Vikas Sharma

UI Designer → Product Designer

Interface Anatomy

"5 years in and AI was eating my work. The systems intensive gave me the layer AI can't touch, and I got promoted 3 months later."

Vikas Sharma

UI Designer → Product Designer

Interface Anatomy

"5 years in and AI was eating my work. The systems intensive gave me the layer AI can't touch, and I got promoted 3 months later."

Vikas Sharma

UI Designer → Product Designer

One price. Everything included.

One serious cohort, capped at 150 seats so Rajat Patel can give every student real attention.

Anatomy Base

Recorded

₹15,000

Systems, Foundations & Component Architecture

Weekly live sessions
Core curriculum access
Community Slack channel
Session recordings
Certificate of completion

Get foundation plan

Foundation

Anatomy Pro

07 Weeks

₹25,000

Seven Weeks: Design, Systemise, Engineer, Ship Complete Transformation.

Everything in Base
1:1 mentorship, twice monthly
Portfolio review
Live panel defence
Priority Q&A

Get full anatomy plan

Popular

Anatomy Elite

12 weeks

₹65,000

90 Days of Personalized Training, Selection, and Placement training

Everything in Pro
Weekly 1:1 coaching
Placement support
Mock interviews with hiring managers
Lifetime curriculum updates
Alumni network access

Get Anatomy build plan

Personalized

Frequently Asked Questions

Is this for beginner or experienced designers?

Both. We start with fundamentals everyone needs, then branch into project work matched to your level, so beginners aren't lost and experienced designers aren't bored.

Can we get a refund for the course we bought?

Students can request a refund within 15 days of the course start date. Refund requests submitted after this 15-day window will not be processed.

I have a full-time job. Can I keep up?

Yes. The program is self-paced with weekly milestones, not fixed class times, so you can work around a 9-to-5 as long as you show up consistently.

Frequently Asked Questions

Is this for beginner or experienced designers?

Both. We start with fundamentals everyone needs, then branch into project work matched to your level, so beginners aren't lost and experienced designers aren't bored.

Can we get a refund for the course we bought?

Students can request a refund within 15 days of the course start date. Refund requests submitted after this 15-day window will not be processed.

I have a full-time job. Can I keep up?

Yes. The program is self-paced with weekly milestones, not fixed class times, so you can work around a 9-to-5 as long as you show up consistently.

Frequently Asked Questions

Is this for beginner or experienced designers?

Both. We start with fundamentals everyone needs, then branch into project work matched to your level, so beginners aren't lost and experienced designers aren't bored.

Can we get a refund for the course we bought?

Students can request a refund within 15 days of the course start date. Refund requests submitted after this 15-day window will not be processed.

I have a full-time job. Can I keep up?

Yes. The program is self-paced with weekly milestones, not fixed class times, so you can work around a 9-to-5 as long as you show up consistently.