UI Design for Developers

About UI Design for Developers

UI Design for Developers is a video course from Design+Code that teaches visual design fundamentals to developers, covering topics such as color palettes, gradients, typography, grid and spacing, navigation components, icons, forms, and modals. The course consists of 22 lessons totaling roughly three hours and uses design and prototyping tools to walk through building UI elements from wireframes through finished screens, including layer organization and component nesting.

The course is aimed at developers who want to learn enough design skill to work independently on interfaces and collaborate more effectively with designers, rather than at those pursuing in-depth visual design theory. It is taught by Meng To, author of Design+Code.

Access is included with a Pro plan priced at $19 per month, which covers 50+ courses, 320+ tutorials, and 300+ hours of video content. Pro access also includes downloadable source files, design templates, source code for sections, video files, ePub versions, and subtitles.

Key features

• 22-lesson video course covering UI design fundamentals for developers
• Covers color palettes, gradients, typography, and grid/spacing systems
• Teaches reusable UI components, navigation, and nested components
• Includes forms, modals, UI states, and micro-interactions like confetti success screens
• Downloadable source files, design templates, and offline video files with subtitles

Frequently asked questions