UI/UX Design Courses Roadmap 2026 [100% FREE] | Beginner To Advanced | Saptarshi Prakash — Transcript
Full transcript
- 0:00This is the exact list of courses I
- 0:02would give to any complete beginner
- 0:04trying to learn UX design in 2026. I've
- 0:07arranged it in a way that even if you're
- 0:08coming completely from a different
- 0:10field, you can still follow it without
- 0:12feeling lost. But before we get into it,
- 0:14I want to address something that kills
- 0:16more design careers before they even
- 0:18begin, tutorial hell. And if you've been
- 0:20trying to learn design for a while, you
- 0:22probably know exactly what I'm talking
- 0:24about. You finish one course, feel good
- 0:26about it, move on to the next one,
- 0:28finish that one too, and 6 months later
- 0:30you have a list of certificates and
- 0:32nothing of value in your portfolio. Most
- 0:35course listicles on YouTube are just
- 0:37lists, detailed descriptions of course
- 0:39offerings. So when I put this together,
- 0:42I was deliberate about two things.
- 0:43First, the order matters. Every section
- 0:46builds directly on the one before it. So
- 0:48by the time you pick a new tool or
- 0:50concept, you already have the context to
- 0:53use it properly. Second, each section
- 0:55comes with practical resources and
- 0:57exercises, not just more content to
- 0:59consume. Everything is [snorts] divided
- 1:00into three parts, the fundamentals,
- 1:02Figma, and AI. There's a mix of free and
- 1:05paid courses here. Some come with
- 1:06certificates, some do not. In 2026, the
- 1:09real focus should be on building taste,
- 1:11skills, and strong design thinking, and
- 1:13not collecting credentials as such. And
- 1:15towards the end, I'll also share one
- 1:16structured certification program for
- 1:19anyone who wants a more traditional
- 1:21all-in-one learning path. Let's get into
- 1:23it. Starting with, you guessed it right,
- 1:25design fundamentals. This is where you
- 1:27need to spend the most time. In my
- 1:2910-plus years of working as UX design, I
- 1:31can tell you with complete certainty
- 1:33that weak fundamentals are the number
- 1:35one reason people plateau. Everything
- 1:37else, the tools, the process, the
- 1:39portfolio, all of it collapses if the
- 1:41foundation isn't solid. So the first
- 1:44course in the list is Canva Design
- 1:46School Graphic Design Essentials.
- 1:48Graphic design? Wait for it. This is the
- 1:50most frictionless entry point for you
- 1:52into design thinking. The difficulty
- 1:54level is beginner. It's a free course,
- 1:56takes around 53 minutes, and yes, it
- 1:58includes a certificate as well. You will
- 2:00learn the fundamentals, building blocks
- 2:02of design, you know, elements like line,
- 2:04shape, space, and texture. Understand
- 2:07the purpose of each one. The course
- 2:09walks you through applying those
- 2:10elements practically, so by the end
- 2:12you're not just recognizing good design,
- 2:14you're starting to make intentional
- 2:16choices. There's a solid module on
- 2:18design principles in action, things like
- 2:20contrast, hierarchy, and balance shown
- 2:22through real workflows. And in the color
- 2:24theory section, you'll cover the basics
- 2:26of color wheel, then move straight into
- 2:29Canva's color tools to apply it. Mood
- 2:31boards are introduced here, too, and I
- 2:32actually love that they are in the
- 2:34beginner course. Learning to articulate
- 2:36and communicate a visual direction early
- 2:38on is a skill most people don't develop
- 2:41until way too late. You finish with a
- 2:4325-question certification test to
- 2:45reinforce what you've just learned, and
- 2:47it's something you can actually put on
- 2:49your LinkedIn while your portfolio is
- 2:51still being built. The next course on
- 2:52the list is IBM SkillsBuild Principles
- 2:55of Design. The difficulty level is again
- 2:57beginner. It's a free course, and there
- 2:59are earnable badges. And it also has
- 3:01Adobe Suite introduction included in it.
- 3:03This is actually a collaboration between
- 3:05IBM and Adobe. The principles from the
- 3:07Canva course gets reinforced here, but
- 3:10with commentary from working design
- 3:11professionals, so you are hearing why
- 3:13these things matter in an actual
- 3:15workplace. The main reason why this
- 3:17course is on this list is that Adobe
- 3:19Suite exposure. Along with the core
- 3:20content, you also get beginner resources
- 3:22for Photoshop, Illustrator, and
- 3:24InDesign. Don't try to master them right
- 3:26away, just get familiar with the
- 3:27interface. Understand what each tool is
- 3:30for. And you finish with an IBM digital
- 3:32badge to add to your list of
- 3:33certifications. All right, course number
- 3:35three is Coursera plus Adobe Design
- 3:38Fundamentals with AI. The difficulty
- 3:40level is beginner to intermediate. Not a
- 3:43free course, but financial aid is
- 3:44available, and you do get a certificate
- 3:47for this. Now, you've got the principles
- 3:49down. Now it's time to bring AI into the
- 3:51picture. This course is offered by Adobe
- 3:53on Coursera, is specifically built
- 3:55around Adobe Express and Firefly's
- 3:57generative AI. And you have to get
- 4:00comfortable with AI as a designing tool
- 4:02while your fundamentals are still fresh,
- 4:04not later when you've already built
- 4:06habits without it. The first module
- 4:08drops you straight into Adobe Express
- 4:10from day one. You are working through
- 4:12composition, layout, and the creative
- 4:13process from discovery to execution, not
- 4:16just watching someone else do it. Module
- 4:18two is all about brand kits, logo
- 4:20creation, template customization,
- 4:22editing features. These are real
- 4:24deliverables, and by the end of this
- 4:25module you'll already have things worth
- 4:28putting in a portfolio. Module number
- 4:29three is a new just a revision of color
- 4:32theory and typography. And the last
- 4:34module is on client workflows and
- 4:36collaboration. How to present work,
- 4:38share it, iterate on feedback. Most
- 4:40beginner courses don't talk about this.
- 4:42And you can get it for free, too.
- 4:44Coursera has a financial aid option.
- 4:46I'll link a quick guide on how to apply
- 4:48in the description. Don't skip this
- 4:50course over a paywall. Course number
- 4:52four is Coursera plus University of
- 4:53Michigan Introduction to UX Principles
- 4:56and Processes. The difficulty is
- 4:57intermediate, and financial aid is
- 4:59available. And it's a part of a full UX
- 5:02specialization. So the first three
- 5:04courses were largely about visual
- 5:05design. This course is your entry point
- 5:07into proper UX design. You'll get a
- 5:09thorough introduction to both UX
- 5:11research and UX design as distinct
- 5:13disciplines. Understanding how they are
- 5:15related but not the same is critical for
- 5:18anyone who wants to work in product or
- 5:20digital design. The course covers how UX
- 5:22researchers discover and evaluate user
- 5:24needs, including conducting interviews,
- 5:26running evaluations, and analyzing
- 5:28systems against established design
- 5:30principles. These are real methods used
- 5:32in real teams. Sketching and prototyping
- 5:35get covered from a UX design
- 5:36perspective, not just how to make things
- 5:38look good, but how to use rough visuals
- 5:41to explore and test ideas early before
- 5:43you've committed anything. There's a
- 5:45module on human behavior and its direct
- 5:47impact on design decisions. This is
- 5:49cognitive psychology light, but it's
- 5:52also one of the most important things
- 5:53you can understand as a designer. Why do
- 5:55people click where they click? Why do
- 5:57they miss things? This course starts to
- 6:00answer that. You'll also learn how to
- 6:01conduct a micro usability test, meaning
- 6:04you actually watch real people interact
- 6:05with the design and identify where it
- 6:07breaks. Even at this introductory level,
- 6:10this is incredibly eye-opening
- 6:11experience. And importantly, this course
- 6:13is a part of a larger UX and research
- 6:15design specialization form. So if you
- 6:18want to go deeper after finishing this,
- 6:20the path is already built for you. While
- 6:22you're doing all of this, keep this
- 6:23resource open. This site explains
- 6:26Gestalt's principles with real visual
- 6:28examples and tells you when to apply
- 6:30each one. As you're going through these
- 6:32courses, cross-reference here
- 6:33constantly. Gestalt is the psychological
- 6:36backbone of why visual design works the
- 6:38way it does. Proximity, similarity,
- 6:40continuity, figure-ground, and seeing it
- 6:42in action while you're learning will
- 6:44reinforce everything twice as fast.
- 6:47Don't wait until the end to visit it.
- 6:49Open it now, bookmark it, and check back
- 6:51every time a concept from the courses
- 6:53doesn't quite land yet. All right, now
- 6:55let's talk about Figma. You see, Figma
- 6:57is no longer just a design tool. Over
- 6:58the last couple of years, it has become
- 6:59an entire ecosystem, and it keeps
- 7:01expanding. Figma slides, sites, make,
- 7:04draw, buzz, MCP integration, they're
- 7:06just showing up in job descriptions and
- 7:08in team workflows already. The time
- 7:10investment here is medium, but only
- 7:12because I'm assuming your fundamentals
- 7:14are already solid. If they're not, go
- 7:17back. Don't skip the previous section.
- 7:19So course number one is Figma Basics.
- 7:21It's a free 1-hour course, 12 videos, no
- 7:24filler. This course covers everything
- 7:25you need to start working on Figma, you
- 7:27know, frames and groups, auto layout,
- 7:29components, text, shapes, and everything
- 7:31that you need to know. The prototyping
- 7:33and the motion module is short but
- 7:34important. You need to understand how
- 7:36Figma links screens and simulates
- 7:39interactions before you even show work
- 7:41to a client or a team. Collaboration and
- 7:43sharing gets its own lessons, which most
- 7:45beginner Figma courses skip. Figma is a
- 7:47multiplayer tool. Knowing how to share,
- 7:49comment, and hand off is a part of the
- 7:51job from day one. Every lesson follows a
- 7:53specific structure, you know, why the
- 7:54concept matter, what it looks like in
- 7:56actual client work, and how to apply it.
- 7:59Course number two is on Figma Slides. So
- 8:02what the hell? Why do you need a course
- 8:04to learn how to make slides? Well,
- 8:06that's because presenting your work is
- 8:08as important as the work itself. Figma
- 8:11Slides launched in mid-2024, and it's
- 8:13already becoming the default way design
- 8:15teams present their work internally.
- 8:16Difficulty is beginner, and it's
- 8:18available with LinkedIn Learning. Two
- 8:20short courses here, take them together.
- 8:22The first one is specifically about
- 8:23Figma Slides, you know, building decks
- 8:25inside Figma using your existing
- 8:27components, styles, and design files
- 8:29without switching tools. There's
- 8:30actually a lot of context switching
- 8:32involved between Figma and other
- 8:33presentation tools like PowerPoint or
- 8:36Slides. Your design assets in Figma,
- 8:38save them separately, and then in your
- 8:40presentation. This takes up a lot of
- 8:42time in the design process. Learning
- 8:44this will save you a tons of time.
- 8:46Designing your assets in Figma tab,
- 8:48import them to another Figma Slides tab,
- 8:49and work further all in one place. It's
- 8:51much easier. Again, let me make it very
- 8:53clear. You can make your presentation
- 8:55decks in any tool, it doesn't matter.
- 8:57But these days I see more and more
- 8:59designers picking Figma Slides over
- 9:01other tools because the ease at which
- 9:03you can transfer your Figma designs to
- 9:05the presentation and then edit them on
- 9:07the fly. The second course covers
- 9:09AI-powered features and workflows inside
- 9:12Figma Design more broadly, like an
- 9:14AI-assisted layout generation, content
- 9:16fill, and more. It's a short course, and
- 9:18it pairs well with Slides because a lot
- 9:20of Figma's newer AI features feed
- 9:22directly into how you create and iterate
- 9:24on presentation content. Course number
- 9:26three is Figma Sites. Now, the
- 9:28difficulty level is intermediate. Figma
- 9:30Sites launched at Config 2025, and it
- 9:32does exactly what it sounds like. You
- 9:34design something in Figma and publish it
- 9:36like a live website. No code, no
- 9:38handoff, no switching tools. It's
- 9:40currently in open beta, so the
- 9:42documentation is your best resource, but
- 9:44it's very comprehensive and video-based.
- 9:46Learn about fully responsive layouts
- 9:48with breakpoints and desktop, tablets
- 9:49with mobile. Build using the same auto
- 9:51layout systems you already know from
- 9:53Figma Design. And if you're comfortable,
- 9:55I highly, highly recommend you check out
- 9:57Framer because I believe that's a more
- 10:00powerful version of Figma sites. This
- 10:02course also has a built-in interactions
- 10:04and animations, hover effects, scroll
- 10:05animations, page transitions, all
- 10:07configurable without writing a single
- 10:08line of code. This also covers that and
- 10:11this is an intermediate course. You will
- 10:13need to be comfortable with Figma's
- 10:14layout systems first. If auto layout
- 10:16still feels shaky, go practice that
- 10:19before touching sites. And the same
- 10:21concept of auto layouts will actually
- 10:22apply in other similar tools like Framer
- 10:25as well. Course number four is Figma
- 10:27MCP. Now, the difficulty level here is
- 10:30intermediate and this is going to sound
- 10:32technical, but stay with me because this
- 10:34is the way you would probably do things
- 10:37in the future, the future of design to
- 10:39development handoff. MCP stands for
- 10:41model context protocol. It's a standard
- 10:44that lets AI coding tools like Cursor,
- 10:46VS Code, and Claude Code read the actual
- 10:49structure of your Figma files and
- 10:50generate code from them directly. So,
- 10:53instead of a developer manually
- 10:54inspecting your file, copying spacing
- 10:56values, and rebuilding your layout from
- 10:57scratch, an AI coding agents pulls your
- 11:00components, variables, layouts,
- 11:01constraints, and design tokens directly
- 11:03from your Figma file and uses them to
- 11:04write code. The documentation is a
- 11:06six-part collection that starts by
- 11:08expanding what MCP is and how it works.
- 11:11It walks you through the setting up both
- 11:13the desktop server and the remote
- 11:14server, shows you how to connect them to
- 11:17tools like Cursor, VS Code, and Claude
- 11:19Code, then goes deeper in code connect,
- 11:21which brings your actual code base to
- 11:23your Figma components so that AI tools
- 11:26stop generating generic snippets and
- 11:27start generating code that reflects your
- 11:29real naming convention and design
- 11:31systems. And wraps up with two bonus
- 11:34videos from Figma's developer advocate
- 11:36showing the complete end-to-end workflow
- 11:38of going from design file to
- 11:39production-ready code. Why does a
- 11:41designer need to understand this?
- 11:43Because once you know how MCP works, you
- 11:45can structure your design file
- 11:47specifically to make AI-assisted code
- 11:49generation more accurate. That makes you
- 11:51a better collaborator and a more
- 11:52valuable team member. Now, if all that
- 11:55sounded a little too technical and scary
- 11:56for you, don't worry, that's exactly why
- 11:59this course exists for you. So, go check
- 12:01it out and once you're in the flow,
- 12:02you'll understand some of those things
- 12:04even though it might sound complicated
- 12:06when you hear those words. All right,
- 12:08now that you have your tool foundation
- 12:09in the Figma, this section is about
- 12:11putting it to work. The courses here are
- 12:14shorter, but the time investment is
- 12:16variable because this is entirely
- 12:17practice-based. Watching these without
- 12:19building alongside them is a waste of
- 12:21your time. Open a project, open a tool,
- 12:23and work through them in parallel.
- 12:25Course number one, the AI-driven product
- 12:27designer. I'm flagging this as a good to
- 12:29have rather than a must-have course, and
- 12:31I want to be upfront about why. LinkedIn
- 12:34Learning doesn't surface detail module
- 12:35breakdowns for this course publicly. So,
- 12:37I'm not going to pretend I know exactly
- 12:40what's inside. What I can tell you is
- 12:41that this course covers how AI is
- 12:43changing the product designer's role,
- 12:45how to integrate AI tools into your
- 12:46design workflow beyond Figma, and how to
- 12:48use them ethically and responsibly. The
- 12:51last part matters more than most people
- 12:53think right now. If you've come through
- 12:54the previous sections properly, you have
- 12:56the foundation to get real value out of
- 12:58this. Think of it as a perspective
- 13:00course, short, worth your time, good for
- 13:02zooming out before you get into hands-on
- 13:04work. Course number two is UX writing
- 13:06with AI. Difficulty is beginner and it's
- 13:08free 7-day program. Most designers treat
- 13:11copy as someone else's problem. That's
- 13:13not true anymore. The words inside your
- 13:15product, button labels, error messages,
- 13:18onboarding flows, empty states are all
- 13:20part of user experience. Bad copy breaks
- 13:22good design and good copy can save a
- 13:25mediocre design. This free 7-day course
- 13:27from UX Writing Hub is the fastest way
- 13:29to understand that. You'll learn what
- 13:31microcopy is and why it makes or breaks
- 13:33conversion and trust with examples
- 13:35pulled from real products you're
- 13:37probably already used. There's a module
- 13:39on content-first design, the idea that
- 13:41you should start with messaging and
- 13:43building the layout around it, not the
- 13:44other way around. This one shift in
- 13:46thinking will change how you approach
- 13:48wireframes. Voice and tone get their own
- 13:51section. Writing guidelines that a whole
- 13:53team can follow is a crucial leadership
- 13:55skill. UX research methods specifically
- 13:57for content are covered too, like
- 13:59conversation mind and user testing for
- 14:01copy, which are not taught in standard
- 14:03UX courses. Pair this with Claude while
- 14:06you practice. Use it to generate copy
- 14:08variations, test different tones, and
- 14:10then critique the outputs using what you
- 14:12have learned in the course. That
- 14:13combination is where the real skill gets
- 14:15built. Course number three is Vibe
- 14:17Coding with Lovable. The difficulty
- 14:19level is beginner to intermediate and
- 14:21it's a part of a LinkedIn Learning. You
- 14:23see, Vibe Coding is AI's gift for us
- 14:25designers. You just describe what you
- 14:27want to build in plain language and AI
- 14:29builds it. No code required. You can
- 14:31even feed the components you have
- 14:33designed to the AI and build an entire
- 14:35working prototype within a few prompts.
- 14:37Honestly, you can pick any tool. Lovable
- 14:39is a great tool and they have this
- 14:40course on LinkedIn Learning. The course
- 14:42walks you through the entire process
- 14:44from ideation to working, published
- 14:46prototypes. Once you get comfortable
- 14:48with Vibe Coding using Lovable or any
- 14:50other tool, you will find yourself
- 14:52comfortable using every other Vibe
- 14:53Coding tool out there. So, it's a
- 14:55one-time learning. The course covers the
- 14:57full Lovable workflow start to finish,
- 14:59ideating, building, refining, and
- 15:00deploying. You come out of it with
- 15:02something real and not just theory.
- 15:04There's an honest section on the
- 15:06limitations of Vibe Coding and when to
- 15:08bring in a developer. The whole course
- 15:10can be finished in under an hour. The
- 15:12goal is to prove to yourself that you
- 15:13can go from idea to working prototype in
- 15:15a single sitting because once you've
- 15:17done it, you will keep doing it. Now,
- 15:19while you're going through these
- 15:20courses, I want you to be building
- 15:22things in parallel. So, check out these
- 15:24resources. Try building a custom web
- 15:26page with Claude. Claude can generate a
- 15:28fully custom web page from a prompt. Use
- 15:31this alongside of what you are learning
- 15:33in the Lovable course. Describe a UI,
- 15:35see what comes out. Pull it into Figma
- 15:38and improve it. Build a practice loop.
- 15:40You generate something with AI, evaluate
- 15:42it against your design principles, and
- 15:43redesign the parts that don't work. That
- 15:46back and forth is where learning
- 15:48actually happens. The next resource is
- 15:50Shape of AI. This is the only reference
- 15:52you need specifically for designing AI
- 15:54interfaces. Every pattern you'll
- 15:55encounter when building for AI products,
- 15:58chat interfaces, streaming responses,
- 16:00loading states, error handling, empty
- 16:02states for generative tools is
- 16:04documented here with real examples.
- 16:06Apply your design principles from the
- 16:08fundamental section here and see how AI
- 16:10interfaces follow these rules. A strong
- 16:13exercise while using this is pick an
- 16:15existing AI tool, replicate its
- 16:17interface in Figma, and then redesign
- 16:19it. Better hierarchy, better empty
- 16:21states, better error messages. Document
- 16:24your decisions. Do this well and it
- 16:26becomes a portfolio project. And
- 16:27finally, take the daily UI challenge.
- 16:30Start the 100-day challenge now and run
- 16:32it alongside everything else in this
- 16:33section. One prompt per day, a login
- 16:36screen, a checkout flow, a notification,
- 16:38a setting page. Try Vibe Coding these
- 16:40pages and components. By day 100, you'll
- 16:43have a body of work, you have developed
- 16:44a real opinion about design decisions,
- 16:47and you'll have practiced explaining
- 16:48those decisions. Do it publicly if you
- 16:51can. Post about it on your socials. Make
- 16:53a Twitter account. The accountability
- 16:55makes a difference and the visibility
- 16:57doesn't hurt either. And finally,
- 16:59[snorts] the last mega course that I was
- 17:00talking about, IBM UI UX Designer
- 17:03Professional Certificate. The level is
- 17:05beginner to intermediate. It's a 4-month
- 17:08long course on Coursera. The courses we
- 17:10have covered so far will make you
- 17:11job-ready. This certificate is for a
- 17:13specific type of person, someone who
- 17:15doesn't want to piece together multiple
- 17:17courses and prefers a single structured
- 17:19program that goes from zero to job-ready
- 17:21with a recognized credential at the end.
- 17:23The tradeoff is time. This program
- 17:25teaches everything from scratch. So, if
- 17:27you've already done the previous
- 17:29sections, there will be overlap. Do the
- 17:31Figma and the AI sections from this
- 17:32roadmap afterwards and you will be in a
- 17:34strong position. The program opens with
- 17:37UX and UI fundamentals, roles, tools,
- 17:39and how Agile and Scrum shape real
- 17:41product workflows. Understanding how a
- 17:42sprint works and what handoff looks like
- 17:45in real teams is the most self-taught
- 17:47designers are missing and it's shown in
- 17:49interviews. The research and information
- 17:51architecture courses cover user
- 17:53interviews, surveys, affinity mapping,
- 17:55personas, card sorting, and tree
- 17:57testing. Roughly 30 hours of content and
- 17:59the foundation that separates good
- 18:01designers from great ones. The UI design
- 18:03courses is hands-on Figma work,
- 18:05wireframes, user flows, high-fidelity
- 18:07prototypes, visual hierarchy,
- 18:09mobile-first design, and usability
- 18:11testing. You finish with a polished
- 18:13prototype and a reusable design system.
- 18:15There's also a dedicated generative AI
- 18:17module on building personas, empathy
- 18:19maps, journey maps, and UX microcopy
- 18:21with AI, and designing conversational
- 18:23interfaces with a focus on empathy and
- 18:25usability. The program ends with a
- 18:27capstone project where you go through
- 18:29the full design thinking process,
- 18:31produce developer-ready handoff files,
- 18:33and build a portfolio case study and UX
- 18:35resume. You come out with something you
- 18:37can actually show in an interview. So,
- 18:40that's a full roadmap. Everything here
- 18:41is sequenced so that each section builds
- 18:44on the last. What it requires is
- 18:45consistency from your end. Pick the
- 18:47first course, block the time, and
- 18:49reserve that time for every course and
- 18:51practice sessions after it. The
- 18:52designers who stand out aren't always
- 18:54the most talented ones. They're the ones
- 18:56who show up every day and stay curious.
- 18:59So, good luck. Tag me in your stories
- 19:01and posts once you start learning. I'll
- 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.