CF
UI/UX Design thumbnail

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 thumbnail
Adobe XD
Adobe XD is Adobe's vector design and prototyping app, originally pitched as a Sketch competitor and later as a Figma…
Figma thumbnail
Figma
Figma is the browser-based design tool that displaced Sketch as the default for product design teams. Its real…
Sketch thumbnail
Sketch
Sketch was the design tool that defined product design in the 2014-2019 window before Figma took over. macOS-only…
UI/UX Design thumbnail
UI/UX Design
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

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.

Top instructors in UI/UX Design

Authors with the most UI/UX Design courses on CourseFlix.