YouTube2Text

UI/UX Design Courses Roadmap 2026 [100% FREE] | Beginner To Advanced | Saptarshi Prakash — Transcript

by Saptarshi Prakash · 3,600 words · 568 segments · language en · Watch on YouTube

Full transcript

  1. 0:00This is the exact list of courses I
  2. 0:02would give to any complete beginner
  3. 0:04trying to learn UX design in 2026. I've
  4. 0:07arranged it in a way that even if you're
  5. 0:08coming completely from a different
  6. 0:10field, you can still follow it without
  7. 0:12feeling lost. But before we get into it,
  8. 0:14I want to address something that kills
  9. 0:16more design careers before they even
  10. 0:18begin, tutorial hell. And if you've been
  11. 0:20trying to learn design for a while, you
  12. 0:22probably know exactly what I'm talking
  13. 0:24about. You finish one course, feel good
  14. 0:26about it, move on to the next one,
  15. 0:28finish that one too, and 6 months later
  16. 0:30you have a list of certificates and
  17. 0:32nothing of value in your portfolio. Most
  18. 0:35course listicles on YouTube are just
  19. 0:37lists, detailed descriptions of course
  20. 0:39offerings. So when I put this together,
  21. 0:42I was deliberate about two things.
  22. 0:43First, the order matters. Every section
  23. 0:46builds directly on the one before it. So
  24. 0:48by the time you pick a new tool or
  25. 0:50concept, you already have the context to
  26. 0:53use it properly. Second, each section
  27. 0:55comes with practical resources and
  28. 0:57exercises, not just more content to
  29. 0:59consume. Everything is [snorts] divided
  30. 1:00into three parts, the fundamentals,
  31. 1:02Figma, and AI. There's a mix of free and
  32. 1:05paid courses here. Some come with
  33. 1:06certificates, some do not. In 2026, the
  34. 1:09real focus should be on building taste,
  35. 1:11skills, and strong design thinking, and
  36. 1:13not collecting credentials as such. And
  37. 1:15towards the end, I'll also share one
  38. 1:16structured certification program for
  39. 1:19anyone who wants a more traditional
  40. 1:21all-in-one learning path. Let's get into
  41. 1:23it. Starting with, you guessed it right,
  42. 1:25design fundamentals. This is where you
  43. 1:27need to spend the most time. In my
  44. 1:2910-plus years of working as UX design, I
  45. 1:31can tell you with complete certainty
  46. 1:33that weak fundamentals are the number
  47. 1:35one reason people plateau. Everything
  48. 1:37else, the tools, the process, the
  49. 1:39portfolio, all of it collapses if the
  50. 1:41foundation isn't solid. So the first
  51. 1:44course in the list is Canva Design
  52. 1:46School Graphic Design Essentials.
  53. 1:48Graphic design? Wait for it. This is the
  54. 1:50most frictionless entry point for you
  55. 1:52into design thinking. The difficulty
  56. 1:54level is beginner. It's a free course,
  57. 1:56takes around 53 minutes, and yes, it
  58. 1:58includes a certificate as well. You will
  59. 2:00learn the fundamentals, building blocks
  60. 2:02of design, you know, elements like line,
  61. 2:04shape, space, and texture. Understand
  62. 2:07the purpose of each one. The course
  63. 2:09walks you through applying those
  64. 2:10elements practically, so by the end
  65. 2:12you're not just recognizing good design,
  66. 2:14you're starting to make intentional
  67. 2:16choices. There's a solid module on
  68. 2:18design principles in action, things like
  69. 2:20contrast, hierarchy, and balance shown
  70. 2:22through real workflows. And in the color
  71. 2:24theory section, you'll cover the basics
  72. 2:26of color wheel, then move straight into
  73. 2:29Canva's color tools to apply it. Mood
  74. 2:31boards are introduced here, too, and I
  75. 2:32actually love that they are in the
  76. 2:34beginner course. Learning to articulate
  77. 2:36and communicate a visual direction early
  78. 2:38on is a skill most people don't develop
  79. 2:41until way too late. You finish with a
  80. 2:4325-question certification test to
  81. 2:45reinforce what you've just learned, and
  82. 2:47it's something you can actually put on
  83. 2:49your LinkedIn while your portfolio is
  84. 2:51still being built. The next course on
  85. 2:52the list is IBM SkillsBuild Principles
  86. 2:55of Design. The difficulty level is again
  87. 2:57beginner. It's a free course, and there
  88. 2:59are earnable badges. And it also has
  89. 3:01Adobe Suite introduction included in it.
  90. 3:03This is actually a collaboration between
  91. 3:05IBM and Adobe. The principles from the
  92. 3:07Canva course gets reinforced here, but
  93. 3:10with commentary from working design
  94. 3:11professionals, so you are hearing why
  95. 3:13these things matter in an actual
  96. 3:15workplace. The main reason why this
  97. 3:17course is on this list is that Adobe
  98. 3:19Suite exposure. Along with the core
  99. 3:20content, you also get beginner resources
  100. 3:22for Photoshop, Illustrator, and
  101. 3:24InDesign. Don't try to master them right
  102. 3:26away, just get familiar with the
  103. 3:27interface. Understand what each tool is
  104. 3:30for. And you finish with an IBM digital
  105. 3:32badge to add to your list of
  106. 3:33certifications. All right, course number
  107. 3:35three is Coursera plus Adobe Design
  108. 3:38Fundamentals with AI. The difficulty
  109. 3:40level is beginner to intermediate. Not a
  110. 3:43free course, but financial aid is
  111. 3:44available, and you do get a certificate
  112. 3:47for this. Now, you've got the principles
  113. 3:49down. Now it's time to bring AI into the
  114. 3:51picture. This course is offered by Adobe
  115. 3:53on Coursera, is specifically built
  116. 3:55around Adobe Express and Firefly's
  117. 3:57generative AI. And you have to get
  118. 4:00comfortable with AI as a designing tool
  119. 4:02while your fundamentals are still fresh,
  120. 4:04not later when you've already built
  121. 4:06habits without it. The first module
  122. 4:08drops you straight into Adobe Express
  123. 4:10from day one. You are working through
  124. 4:12composition, layout, and the creative
  125. 4:13process from discovery to execution, not
  126. 4:16just watching someone else do it. Module
  127. 4:18two is all about brand kits, logo
  128. 4:20creation, template customization,
  129. 4:22editing features. These are real
  130. 4:24deliverables, and by the end of this
  131. 4:25module you'll already have things worth
  132. 4:28putting in a portfolio. Module number
  133. 4:29three is a new just a revision of color
  134. 4:32theory and typography. And the last
  135. 4:34module is on client workflows and
  136. 4:36collaboration. How to present work,
  137. 4:38share it, iterate on feedback. Most
  138. 4:40beginner courses don't talk about this.
  139. 4:42And you can get it for free, too.
  140. 4:44Coursera has a financial aid option.
  141. 4:46I'll link a quick guide on how to apply
  142. 4:48in the description. Don't skip this
  143. 4:50course over a paywall. Course number
  144. 4:52four is Coursera plus University of
  145. 4:53Michigan Introduction to UX Principles
  146. 4:56and Processes. The difficulty is
  147. 4:57intermediate, and financial aid is
  148. 4:59available. And it's a part of a full UX
  149. 5:02specialization. So the first three
  150. 5:04courses were largely about visual
  151. 5:05design. This course is your entry point
  152. 5:07into proper UX design. You'll get a
  153. 5:09thorough introduction to both UX
  154. 5:11research and UX design as distinct
  155. 5:13disciplines. Understanding how they are
  156. 5:15related but not the same is critical for
  157. 5:18anyone who wants to work in product or
  158. 5:20digital design. The course covers how UX
  159. 5:22researchers discover and evaluate user
  160. 5:24needs, including conducting interviews,
  161. 5:26running evaluations, and analyzing
  162. 5:28systems against established design
  163. 5:30principles. These are real methods used
  164. 5:32in real teams. Sketching and prototyping
  165. 5:35get covered from a UX design
  166. 5:36perspective, not just how to make things
  167. 5:38look good, but how to use rough visuals
  168. 5:41to explore and test ideas early before
  169. 5:43you've committed anything. There's a
  170. 5:45module on human behavior and its direct
  171. 5:47impact on design decisions. This is
  172. 5:49cognitive psychology light, but it's
  173. 5:52also one of the most important things
  174. 5:53you can understand as a designer. Why do
  175. 5:55people click where they click? Why do
  176. 5:57they miss things? This course starts to
  177. 6:00answer that. You'll also learn how to
  178. 6:01conduct a micro usability test, meaning
  179. 6:04you actually watch real people interact
  180. 6:05with the design and identify where it
  181. 6:07breaks. Even at this introductory level,
  182. 6:10this is incredibly eye-opening
  183. 6:11experience. And importantly, this course
  184. 6:13is a part of a larger UX and research
  185. 6:15design specialization form. So if you
  186. 6:18want to go deeper after finishing this,
  187. 6:20the path is already built for you. While
  188. 6:22you're doing all of this, keep this
  189. 6:23resource open. This site explains
  190. 6:26Gestalt's principles with real visual
  191. 6:28examples and tells you when to apply
  192. 6:30each one. As you're going through these
  193. 6:32courses, cross-reference here
  194. 6:33constantly. Gestalt is the psychological
  195. 6:36backbone of why visual design works the
  196. 6:38way it does. Proximity, similarity,
  197. 6:40continuity, figure-ground, and seeing it
  198. 6:42in action while you're learning will
  199. 6:44reinforce everything twice as fast.
  200. 6:47Don't wait until the end to visit it.
  201. 6:49Open it now, bookmark it, and check back
  202. 6:51every time a concept from the courses
  203. 6:53doesn't quite land yet. All right, now
  204. 6:55let's talk about Figma. You see, Figma
  205. 6:57is no longer just a design tool. Over
  206. 6:58the last couple of years, it has become
  207. 6:59an entire ecosystem, and it keeps
  208. 7:01expanding. Figma slides, sites, make,
  209. 7:04draw, buzz, MCP integration, they're
  210. 7:06just showing up in job descriptions and
  211. 7:08in team workflows already. The time
  212. 7:10investment here is medium, but only
  213. 7:12because I'm assuming your fundamentals
  214. 7:14are already solid. If they're not, go
  215. 7:17back. Don't skip the previous section.
  216. 7:19So course number one is Figma Basics.
  217. 7:21It's a free 1-hour course, 12 videos, no
  218. 7:24filler. This course covers everything
  219. 7:25you need to start working on Figma, you
  220. 7:27know, frames and groups, auto layout,
  221. 7:29components, text, shapes, and everything
  222. 7:31that you need to know. The prototyping
  223. 7:33and the motion module is short but
  224. 7:34important. You need to understand how
  225. 7:36Figma links screens and simulates
  226. 7:39interactions before you even show work
  227. 7:41to a client or a team. Collaboration and
  228. 7:43sharing gets its own lessons, which most
  229. 7:45beginner Figma courses skip. Figma is a
  230. 7:47multiplayer tool. Knowing how to share,
  231. 7:49comment, and hand off is a part of the
  232. 7:51job from day one. Every lesson follows a
  233. 7:53specific structure, you know, why the
  234. 7:54concept matter, what it looks like in
  235. 7:56actual client work, and how to apply it.
  236. 7:59Course number two is on Figma Slides. So
  237. 8:02what the hell? Why do you need a course
  238. 8:04to learn how to make slides? Well,
  239. 8:06that's because presenting your work is
  240. 8:08as important as the work itself. Figma
  241. 8:11Slides launched in mid-2024, and it's
  242. 8:13already becoming the default way design
  243. 8:15teams present their work internally.
  244. 8:16Difficulty is beginner, and it's
  245. 8:18available with LinkedIn Learning. Two
  246. 8:20short courses here, take them together.
  247. 8:22The first one is specifically about
  248. 8:23Figma Slides, you know, building decks
  249. 8:25inside Figma using your existing
  250. 8:27components, styles, and design files
  251. 8:29without switching tools. There's
  252. 8:30actually a lot of context switching
  253. 8:32involved between Figma and other
  254. 8:33presentation tools like PowerPoint or
  255. 8:36Slides. Your design assets in Figma,
  256. 8:38save them separately, and then in your
  257. 8:40presentation. This takes up a lot of
  258. 8:42time in the design process. Learning
  259. 8:44this will save you a tons of time.
  260. 8:46Designing your assets in Figma tab,
  261. 8:48import them to another Figma Slides tab,
  262. 8:49and work further all in one place. It's
  263. 8:51much easier. Again, let me make it very
  264. 8:53clear. You can make your presentation
  265. 8:55decks in any tool, it doesn't matter.
  266. 8:57But these days I see more and more
  267. 8:59designers picking Figma Slides over
  268. 9:01other tools because the ease at which
  269. 9:03you can transfer your Figma designs to
  270. 9:05the presentation and then edit them on
  271. 9:07the fly. The second course covers
  272. 9:09AI-powered features and workflows inside
  273. 9:12Figma Design more broadly, like an
  274. 9:14AI-assisted layout generation, content
  275. 9:16fill, and more. It's a short course, and
  276. 9:18it pairs well with Slides because a lot
  277. 9:20of Figma's newer AI features feed
  278. 9:22directly into how you create and iterate
  279. 9:24on presentation content. Course number
  280. 9:26three is Figma Sites. Now, the
  281. 9:28difficulty level is intermediate. Figma
  282. 9:30Sites launched at Config 2025, and it
  283. 9:32does exactly what it sounds like. You
  284. 9:34design something in Figma and publish it
  285. 9:36like a live website. No code, no
  286. 9:38handoff, no switching tools. It's
  287. 9:40currently in open beta, so the
  288. 9:42documentation is your best resource, but
  289. 9:44it's very comprehensive and video-based.
  290. 9:46Learn about fully responsive layouts
  291. 9:48with breakpoints and desktop, tablets
  292. 9:49with mobile. Build using the same auto
  293. 9:51layout systems you already know from
  294. 9:53Figma Design. And if you're comfortable,
  295. 9:55I highly, highly recommend you check out
  296. 9:57Framer because I believe that's a more
  297. 10:00powerful version of Figma sites. This
  298. 10:02course also has a built-in interactions
  299. 10:04and animations, hover effects, scroll
  300. 10:05animations, page transitions, all
  301. 10:07configurable without writing a single
  302. 10:08line of code. This also covers that and
  303. 10:11this is an intermediate course. You will
  304. 10:13need to be comfortable with Figma's
  305. 10:14layout systems first. If auto layout
  306. 10:16still feels shaky, go practice that
  307. 10:19before touching sites. And the same
  308. 10:21concept of auto layouts will actually
  309. 10:22apply in other similar tools like Framer
  310. 10:25as well. Course number four is Figma
  311. 10:27MCP. Now, the difficulty level here is
  312. 10:30intermediate and this is going to sound
  313. 10:32technical, but stay with me because this
  314. 10:34is the way you would probably do things
  315. 10:37in the future, the future of design to
  316. 10:39development handoff. MCP stands for
  317. 10:41model context protocol. It's a standard
  318. 10:44that lets AI coding tools like Cursor,
  319. 10:46VS Code, and Claude Code read the actual
  320. 10:49structure of your Figma files and
  321. 10:50generate code from them directly. So,
  322. 10:53instead of a developer manually
  323. 10:54inspecting your file, copying spacing
  324. 10:56values, and rebuilding your layout from
  325. 10:57scratch, an AI coding agents pulls your
  326. 11:00components, variables, layouts,
  327. 11:01constraints, and design tokens directly
  328. 11:03from your Figma file and uses them to
  329. 11:04write code. The documentation is a
  330. 11:06six-part collection that starts by
  331. 11:08expanding what MCP is and how it works.
  332. 11:11It walks you through the setting up both
  333. 11:13the desktop server and the remote
  334. 11:14server, shows you how to connect them to
  335. 11:17tools like Cursor, VS Code, and Claude
  336. 11:19Code, then goes deeper in code connect,
  337. 11:21which brings your actual code base to
  338. 11:23your Figma components so that AI tools
  339. 11:26stop generating generic snippets and
  340. 11:27start generating code that reflects your
  341. 11:29real naming convention and design
  342. 11:31systems. And wraps up with two bonus
  343. 11:34videos from Figma's developer advocate
  344. 11:36showing the complete end-to-end workflow
  345. 11:38of going from design file to
  346. 11:39production-ready code. Why does a
  347. 11:41designer need to understand this?
  348. 11:43Because once you know how MCP works, you
  349. 11:45can structure your design file
  350. 11:47specifically to make AI-assisted code
  351. 11:49generation more accurate. That makes you
  352. 11:51a better collaborator and a more
  353. 11:52valuable team member. Now, if all that
  354. 11:55sounded a little too technical and scary
  355. 11:56for you, don't worry, that's exactly why
  356. 11:59this course exists for you. So, go check
  357. 12:01it out and once you're in the flow,
  358. 12:02you'll understand some of those things
  359. 12:04even though it might sound complicated
  360. 12:06when you hear those words. All right,
  361. 12:08now that you have your tool foundation
  362. 12:09in the Figma, this section is about
  363. 12:11putting it to work. The courses here are
  364. 12:14shorter, but the time investment is
  365. 12:16variable because this is entirely
  366. 12:17practice-based. Watching these without
  367. 12:19building alongside them is a waste of
  368. 12:21your time. Open a project, open a tool,
  369. 12:23and work through them in parallel.
  370. 12:25Course number one, the AI-driven product
  371. 12:27designer. I'm flagging this as a good to
  372. 12:29have rather than a must-have course, and
  373. 12:31I want to be upfront about why. LinkedIn
  374. 12:34Learning doesn't surface detail module
  375. 12:35breakdowns for this course publicly. So,
  376. 12:37I'm not going to pretend I know exactly
  377. 12:40what's inside. What I can tell you is
  378. 12:41that this course covers how AI is
  379. 12:43changing the product designer's role,
  380. 12:45how to integrate AI tools into your
  381. 12:46design workflow beyond Figma, and how to
  382. 12:48use them ethically and responsibly. The
  383. 12:51last part matters more than most people
  384. 12:53think right now. If you've come through
  385. 12:54the previous sections properly, you have
  386. 12:56the foundation to get real value out of
  387. 12:58this. Think of it as a perspective
  388. 13:00course, short, worth your time, good for
  389. 13:02zooming out before you get into hands-on
  390. 13:04work. Course number two is UX writing
  391. 13:06with AI. Difficulty is beginner and it's
  392. 13:08free 7-day program. Most designers treat
  393. 13:11copy as someone else's problem. That's
  394. 13:13not true anymore. The words inside your
  395. 13:15product, button labels, error messages,
  396. 13:18onboarding flows, empty states are all
  397. 13:20part of user experience. Bad copy breaks
  398. 13:22good design and good copy can save a
  399. 13:25mediocre design. This free 7-day course
  400. 13:27from UX Writing Hub is the fastest way
  401. 13:29to understand that. You'll learn what
  402. 13:31microcopy is and why it makes or breaks
  403. 13:33conversion and trust with examples
  404. 13:35pulled from real products you're
  405. 13:37probably already used. There's a module
  406. 13:39on content-first design, the idea that
  407. 13:41you should start with messaging and
  408. 13:43building the layout around it, not the
  409. 13:44other way around. This one shift in
  410. 13:46thinking will change how you approach
  411. 13:48wireframes. Voice and tone get their own
  412. 13:51section. Writing guidelines that a whole
  413. 13:53team can follow is a crucial leadership
  414. 13:55skill. UX research methods specifically
  415. 13:57for content are covered too, like
  416. 13:59conversation mind and user testing for
  417. 14:01copy, which are not taught in standard
  418. 14:03UX courses. Pair this with Claude while
  419. 14:06you practice. Use it to generate copy
  420. 14:08variations, test different tones, and
  421. 14:10then critique the outputs using what you
  422. 14:12have learned in the course. That
  423. 14:13combination is where the real skill gets
  424. 14:15built. Course number three is Vibe
  425. 14:17Coding with Lovable. The difficulty
  426. 14:19level is beginner to intermediate and
  427. 14:21it's a part of a LinkedIn Learning. You
  428. 14:23see, Vibe Coding is AI's gift for us
  429. 14:25designers. You just describe what you
  430. 14:27want to build in plain language and AI
  431. 14:29builds it. No code required. You can
  432. 14:31even feed the components you have
  433. 14:33designed to the AI and build an entire
  434. 14:35working prototype within a few prompts.
  435. 14:37Honestly, you can pick any tool. Lovable
  436. 14:39is a great tool and they have this
  437. 14:40course on LinkedIn Learning. The course
  438. 14:42walks you through the entire process
  439. 14:44from ideation to working, published
  440. 14:46prototypes. Once you get comfortable
  441. 14:48with Vibe Coding using Lovable or any
  442. 14:50other tool, you will find yourself
  443. 14:52comfortable using every other Vibe
  444. 14:53Coding tool out there. So, it's a
  445. 14:55one-time learning. The course covers the
  446. 14:57full Lovable workflow start to finish,
  447. 14:59ideating, building, refining, and
  448. 15:00deploying. You come out of it with
  449. 15:02something real and not just theory.
  450. 15:04There's an honest section on the
  451. 15:06limitations of Vibe Coding and when to
  452. 15:08bring in a developer. The whole course
  453. 15:10can be finished in under an hour. The
  454. 15:12goal is to prove to yourself that you
  455. 15:13can go from idea to working prototype in
  456. 15:15a single sitting because once you've
  457. 15:17done it, you will keep doing it. Now,
  458. 15:19while you're going through these
  459. 15:20courses, I want you to be building
  460. 15:22things in parallel. So, check out these
  461. 15:24resources. Try building a custom web
  462. 15:26page with Claude. Claude can generate a
  463. 15:28fully custom web page from a prompt. Use
  464. 15:31this alongside of what you are learning
  465. 15:33in the Lovable course. Describe a UI,
  466. 15:35see what comes out. Pull it into Figma
  467. 15:38and improve it. Build a practice loop.
  468. 15:40You generate something with AI, evaluate
  469. 15:42it against your design principles, and
  470. 15:43redesign the parts that don't work. That
  471. 15:46back and forth is where learning
  472. 15:48actually happens. The next resource is
  473. 15:50Shape of AI. This is the only reference
  474. 15:52you need specifically for designing AI
  475. 15:54interfaces. Every pattern you'll
  476. 15:55encounter when building for AI products,
  477. 15:58chat interfaces, streaming responses,
  478. 16:00loading states, error handling, empty
  479. 16:02states for generative tools is
  480. 16:04documented here with real examples.
  481. 16:06Apply your design principles from the
  482. 16:08fundamental section here and see how AI
  483. 16:10interfaces follow these rules. A strong
  484. 16:13exercise while using this is pick an
  485. 16:15existing AI tool, replicate its
  486. 16:17interface in Figma, and then redesign
  487. 16:19it. Better hierarchy, better empty
  488. 16:21states, better error messages. Document
  489. 16:24your decisions. Do this well and it
  490. 16:26becomes a portfolio project. And
  491. 16:27finally, take the daily UI challenge.
  492. 16:30Start the 100-day challenge now and run
  493. 16:32it alongside everything else in this
  494. 16:33section. One prompt per day, a login
  495. 16:36screen, a checkout flow, a notification,
  496. 16:38a setting page. Try Vibe Coding these
  497. 16:40pages and components. By day 100, you'll
  498. 16:43have a body of work, you have developed
  499. 16:44a real opinion about design decisions,
  500. 16:47and you'll have practiced explaining
  501. 16:48those decisions. Do it publicly if you
  502. 16:51can. Post about it on your socials. Make
  503. 16:53a Twitter account. The accountability
  504. 16:55makes a difference and the visibility
  505. 16:57doesn't hurt either. And finally,
  506. 16:59[snorts] the last mega course that I was
  507. 17:00talking about, IBM UI UX Designer
  508. 17:03Professional Certificate. The level is
  509. 17:05beginner to intermediate. It's a 4-month
  510. 17:08long course on Coursera. The courses we
  511. 17:10have covered so far will make you
  512. 17:11job-ready. This certificate is for a
  513. 17:13specific type of person, someone who
  514. 17:15doesn't want to piece together multiple
  515. 17:17courses and prefers a single structured
  516. 17:19program that goes from zero to job-ready
  517. 17:21with a recognized credential at the end.
  518. 17:23The tradeoff is time. This program
  519. 17:25teaches everything from scratch. So, if
  520. 17:27you've already done the previous
  521. 17:29sections, there will be overlap. Do the
  522. 17:31Figma and the AI sections from this
  523. 17:32roadmap afterwards and you will be in a
  524. 17:34strong position. The program opens with
  525. 17:37UX and UI fundamentals, roles, tools,
  526. 17:39and how Agile and Scrum shape real
  527. 17:41product workflows. Understanding how a
  528. 17:42sprint works and what handoff looks like
  529. 17:45in real teams is the most self-taught
  530. 17:47designers are missing and it's shown in
  531. 17:49interviews. The research and information
  532. 17:51architecture courses cover user
  533. 17:53interviews, surveys, affinity mapping,
  534. 17:55personas, card sorting, and tree
  535. 17:57testing. Roughly 30 hours of content and
  536. 17:59the foundation that separates good
  537. 18:01designers from great ones. The UI design
  538. 18:03courses is hands-on Figma work,
  539. 18:05wireframes, user flows, high-fidelity
  540. 18:07prototypes, visual hierarchy,
  541. 18:09mobile-first design, and usability
  542. 18:11testing. You finish with a polished
  543. 18:13prototype and a reusable design system.
  544. 18:15There's also a dedicated generative AI
  545. 18:17module on building personas, empathy
  546. 18:19maps, journey maps, and UX microcopy
  547. 18:21with AI, and designing conversational
  548. 18:23interfaces with a focus on empathy and
  549. 18:25usability. The program ends with a
  550. 18:27capstone project where you go through
  551. 18:29the full design thinking process,
  552. 18:31produce developer-ready handoff files,
  553. 18:33and build a portfolio case study and UX
  554. 18:35resume. You come out with something you
  555. 18:37can actually show in an interview. So,
  556. 18:40that's a full roadmap. Everything here
  557. 18:41is sequenced so that each section builds
  558. 18:44on the last. What it requires is
  559. 18:45consistency from your end. Pick the
  560. 18:47first course, block the time, and
  561. 18:49reserve that time for every course and
  562. 18:51practice sessions after it. The
  563. 18:52designers who stand out aren't always
  564. 18:54the most talented ones. They're the ones
  565. 18:56who show up every day and stay curious.
  566. 18:59So, good luck. Tag me in your stories
  567. 19:01and posts once you start learning. I'll
  568. 19:03see you in the next one.

About this transcript

This page contains the full transcript of UI/UX Design Courses Roadmap 2026 [100% FREE] | Beginner To Advanced | Saptarshi Prakash by Saptarshi Prakash, generated from the public captions YouTube serves with the video. The transcript has 3,600 words across 568 segments, with the original timestamps preserved so you can click any line to jump to that moment in the embedded player.

What you can do with it

Use the transcript to take notes, quote the speaker, build a study guide, generate a summary with ChatGPT or Claude via the YouTube Summary tool, or export it as a timed subtitle file with YouTube to SRT. You can also re-open it in the transcriber to translate the transcript into 100+ languages.

Free YouTube transcript tool

YouTube2Text is a free YouTube transcript generator — no signup, no daily limit. Paste any YouTube link and get the full transcript instantly, with timestamps, click-to-jump, translation to 100+ languages, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.