UI/UX Design
40 courses 4 categories
Part of Learn Design
UI/UX design is the discipline of designing software interfaces that real users can understand and use. The topic is deliberately scoped to product design — the work of designing web and mobile applications — and not to generic graphic design or illustration. The day-to-day skill set is design-tool fluency, interaction patterns, accessibility, and design-system thinking, sitting next to enough user-research and prototyping practice to test ideas before engineering builds them.
Figma has become the default design tool by a wide margin — Auto Layout, Variants, Variables, FigJam for whiteboarding, and Dev Mode for handoff have collapsed most of the previous tool fragmentation into one product. Sketch still has an installed base on Mac-only teams. Adobe XD is effectively in maintenance mode after Adobe's failed Figma acquisition. The new entrants worth watching are Penpot (open-source) and the AI-assisted tools (Galileo, Uizard) that turn prompts into Figma frames. Underneath the tools sit the patterns that matter more than the software: design tokens, component libraries, accessibility (WCAG 2.2), responsive layout, and the handoff workflow with engineering.
What you'll find under this topic
- Figma: Auto Layout, Variants, Variables, Dev Mode, prototyping, plugins
- Sketch and Adobe XD for teams still on those tools
- Design systems: tokens, component libraries, documentation, versioning
- Interaction design: micro-interactions, motion, navigation patterns
- UX research: interviews, usability tests, surveys, analytics-driven iteration
- Accessibility in design: WCAG 2.2, color contrast, focus states, screen-reader UX
- Mobile design: iOS Human Interface Guidelines, Material Design 3
Product designer roles exist at every software company that has more than a handful of engineers — SaaS platforms, fintechs, e-commerce, healthtech. The career path runs from junior product designer to senior, then either staff/principal IC or design management. The pay ladder mirrors engineering at most well-known tech employers.
Categories (4)
Adobe XD is a vector-based user experience design tool developed by Adobe Systems, aimed at creating wireframes…
Figma is the browser-based design tool that displaced Sketch as the default for product design teams. Its real…
Sketch is a design tool initially released in 2010, renowned for its influence on the product design landscape…
UI/UX design covers two related but distinct disciplines that often share the same person. UX design is research-led…
Courses (40)
Showing 1 – 30 of 40 courses
NewMaster the creation of design systems in Figma. A course for designers, developers, and managers seeking efficient work practices and up-to-date knowledge.12h 20m
Updated 1mo agoLearn how to plan pages, code views, add clean moves, and prerender a Vue 2 site so search engines can read it. This helps you build clear fast pages.1h 48m
Updated 9mo agoLearn Figma through clear steps and real examples. This course helps you build strong habits and apply design skills with confidence.11h 19m
Updated 1y agoA deep and comprehensive course on design tokens: from concepts and variables in Figma to code, processes, best practices, and much more.13h 27m
Updated 1y agoFigma Mastery is an extensive guide designed to transform how you use Figma, guiding you through every stage of the design process—right from setting up.5/5
ClassicTransform your visual design skills with Pablo Stanley and his team. This course will help you elevate your project quality and engage clients with a distinctiv10h 56m5/5
Updated 1y agoUsing the latest best practices in Web Design and Mobile Design as well as User Interface and User Experience Design (UI/UX), this course focuses on efficiently20h 31m
Updated 2y agoThis course is designed for those who want to go beyond theoretical knowledge and develop skills in working with production code.8h 52m5/5
Updated 2y agoMaster the skills that help designers get promoted. Knowing all the tricks in Figma does not guarantee a promotion. Learn 12 skills.6h 28m
Updated 2y ago"The Product Design Challenge Solving" is a practical guide for preparing for UI/UX and product design interviews.2h 19m
Updated 2y agoCreate with Airtable, Use Everywhere Learn to quickly create an inventory with Airtable and easily integrate it with tools like Figma, Jira, Slack, GitHub.37m
Updated 2y agoThe course is filled with real advice and tricks from a senior product designer with ten years of experience in design.7h 6m
Updated 2y agoUnlock your potential in UI design by building a strong foundation and acquiring the essential knowledge and skills to create engaging digital interfaces.4h5/5
Updated 2y agoThere is no better place to start learning design than the most popular design application! Learn by doing and begin or enhance your knowledge in Figma.3h 22m5/5
Updated 2y agoBecome a Figma master and ascend the career ladder in design with our comprehensive course.20h 58m
Updated 2y agoThe course is filled with real advice and tricks from a senior product designer with a decade of experience in design.4h 53m
Updated 2y agoThis course gives you clear and practical color skills for UI design. You learn from a senior product designer with years of real project work.5h 35m
Updated 2y agoUncover the secrets of senior UI designers. Have you ever wondered how professionals create stunning interfaces?12h 8m5/5
Updated 2y agoLearn how to build clean and fast designs in Figma. Use ready components, smart layouts, and clear styles to help you shape sites and apps with ease.
Updated 2y agoThis workshop is designed to help you achieve 'pixel-perfect' design implementations, bridging the fidelity gap between design and development.2h 40m
Updated 2y agoLearn motion design using Figma from a design industry pro. You'll learn way more than just motion design principles and theory. This projects-based course will10h 11m
Updated 2y agoFigma is a very powerful application that runs online. There are virtually no platform boundaries when it comes to using figma because you can design within a w3h 55m5/5
Updated 2y agoIf you've ever found yourself overwhelmed by Figma's extensive features or wished your workflow could be more efficient for web design projects… Then this.5h 31m5/5
Updated 2y agoThis video is about Mastering Figma Introduction. Figma has similar uses to adobe XD and I'll be bringing you more videos to go more in-depth on how to use.3h 37m
Updated 2y agoFigma is a collaborative prototyping tool that allows you to responsively design your applications, with resolution presets for all of the most popular devices.24m
Updated 2y agoJoin this course to explore advanced Figma features by designing a responsive website for a fictional rental service. Learn the full design process from initial11h 17m
Updated 2y agoHi there! My name is Dan & I m an Adobe Certified Instructor. I m here to help you learn Adobe XD efficiently and comprehensively.12h 46m
FreeUpdated 2y agoIn this series, we are going to dive into the user interface design tool, Adobe XD. In this series, we are going to dive into the user interface design tool, Ad3h 11m
Updated 2y agoDo you want to design outstanding apps? Impressive prototypes that look like the real deal but without any coding? This course is a masterclass – a comprehensiv14h 51m
Updated 2y agoAdobe Experience Design, also known as Adobe XD, has recently graduated from beta to Adobe XD CC 2018! This powerful UI design and prototyping tool is sure to b1h 32m
Related topics
Frequently asked questions
- Can engineers really learn UI/UX design?
- Yes — at least to the level of being a strong design partner. You won't replace a senior designer with a few months of study, but learning visual hierarchy, typography, colour systems, spacing, and accessibility makes you a noticeably better frontend engineer. Many strong solo founders and small-team engineers are competent designers by necessity.
- What software do designers actually use?
- Figma dominates — almost every modern team uses it for product design, prototyping, design systems, and engineer handoff. Sketch and Adobe XD are mostly historical. For motion and prototyping specifics, designers reach for Framer, Principle, Rive, or LottieFiles. Engineers consuming designs should be fluent in Figma; producing them is the same.
- How important is accessibility in modern UI work?
- Increasingly central. Regulatory pressure (EU Accessibility Act in 2025, expanded ADA enforcement) and product expectations have moved accessibility from an afterthought to a baseline. Strong UI engineers understand semantic HTML, keyboard navigation, screen reader behaviour, contrast ratios, and ARIA. Most senior frontend job postings now list a11y explicitly.
- Should engineers learn design systems?
- Yes — design systems are where engineering and design overlap most. Understanding tokens, component composition, primitives versus patterns, and theming separates strong frontend engineers from the average. Even if you never own a design system, you'll consume one daily and your work improves significantly when you understand how it's structured.
- How long does it take to develop a 'designer's eye'?
- Months to years of deliberate practice. Read design books (Refactoring UI is a strong starting point), study products you respect by reverse-engineering their decisions, and copy real designs until your visual judgement catches up. The improvement is gradual but very real — most engineers who commit to it ship dramatically better-looking products within a year.