Design & analysis

Frontend & UI/UX.

React, Figma, CSS, UX research and prototyping. Build considered, user-centred products.

React Figma CSS UX Research Prototyping TypeScript
3 months Duration
Live Instructor-led
6–8 hrs / week Weekly effort
Outcomes

What you will be able to do.

By the end of the programme, you will ship real deliverables.

Research

Ask good questions.

User interviews, task analysis, and evidence-based design decisions.

Figma

Design systems.

Components, variants, tokens, and handoff-ready specifications.

CSS

Modern CSS.

Grid, flexbox, custom properties, and the CSS you wish more sites used.

React

Component apps.

React, hooks, routing, state management, and accessibility.

UX

Whole experiences.

Flow design, interaction patterns, and usability testing.

Portfolio

Three projects.

Three considered projects you can walk a recruiter through.

Curriculum

Sequenced and structured.

Each phase builds on the last. Live instruction with reviewable deliverables.

Week 01–02

UX foundations.

Research methods, personas, task analysis, and information architecture.

Week 03–04

Figma & systems.

Components, variants, auto-layout, tokens, and design system construction.

Week 05–06

Modern CSS.

Grid, flexbox, custom properties, responsive design, and accessibility.

Week 07–08

JavaScript & React.

Modern JavaScript, React fundamentals, hooks, and routing.

Week 09–10

Integration.

Fetching data, forms, state, performance, and real-world patterns.

Week 11–12

Capstone.

Three portfolio projects with a research-through-ship narrative.

Who it is for

You, if one of these fits.

Graphic designer

Going digital.

Graphic or visual designer moving into product and interaction design.

Developer

Design literate.

Frontend developer who wants real design and research fluency.

Fresher

First design role.

Graduate targeting a product designer or UI/UX role.

Also consider

Related programmes.

Enrol

Start with a demo.

A free demo class with the instructor. If it is not a fit, you owe nothing.