Tech Skills

UI/UX Design

User research, Figma, wireframing, design systems, prototyping and usability

14,792
lessons
Skills in this topic
View full skill map →
UX Research
beginner
Facilitate a usability test session
UI Design
beginner
Create a consistent 8pt spacing grid
Prototyping
intermediate
Build a click-through prototype in Figma
AI Design Tools
intermediate
Generate and iterate on UI concepts with AI
All Reads (6,602) Articles (2774)Blog Posts (3176)Tutorials (242)Research Papers (11)News (399)
Anthropic Just Launched Claude Design — And Figma Should Be Worried
Dev.to · Marcus Rowe 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Anthropic Just Launched Claude Design — And Figma Should Be Worried
Claude Design generates prototypes, pitch decks, and UI mockups from a text prompt — and it landed t
El Curb Cut Effect: Por qué la accesibilidad no es un favor, es arquitectura básica
Dev.to · Leslie Herrera 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
El Curb Cut Effect: Por qué la accesibilidad no es un favor, es arquitectura básica
Hacer software accesible no es caridad, es calidad. Descubre cómo el diseño universal beneficia a todos los usuarios.
Stop Exporting The Viewport: How Zoomed Image Editors Map Back To Original Pixels
Dev.to · byeval 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Stop Exporting The Viewport: How Zoomed Image Editors Map Back To Original Pixels
How to separate viewport transforms from source-pixel geometry so zoomed image editors still export correctly.
I got tired of fixing the same UI problems… so I built a small tool
Dev.to · roynick365 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I got tired of fixing the same UI problems… so I built a small tool
Every project I work on has the same kind of issues. Not big problems. Small ones. A button that...
5x5 Pixel Font for Tiny Screens: The Complete Developer Guide to Micro Typography
Dev.to · 佐藤玲 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
5x5 Pixel Font for Tiny Screens: The Complete Developer Guide to Micro Typography
Learn how to design and implement a 5x5 pixel font for tiny screens. Includes bitmap data, rendering code, and real-world use cases for embedded displays.
The 10 Most Common Cursor Rules Mistakes and How to Fix Them
Dev.to · Olivia Craft 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The 10 Most Common Cursor Rules Mistakes and How to Fix Them
The 10 Most Common Cursor Rules Mistakes and How to Fix Them You wrote the rule. You saved...
7 Free UX Tools for Researching and Testing Web Form Design
Dev.to · 137Foundry 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
7 Free UX Tools for Researching and Testing Web Form Design
Designing better forms requires data about how users interact with them. These seven tools help with...
How Inline Validation Reduces Form Abandonment and Errors
Dev.to · 137Foundry 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How Inline Validation Reduces Form Abandonment and Errors
Form validation is one of the most consequential UX decisions in web development. The same set of...
I ran a spacing audit on shadcn/ui. Even it had some drift.
Dev.to · Petri Lahdelma 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I ran a spacing audit on shadcn/ui. Even it had some drift.
Short post. Three things to share. The audit I ran Rhythmguard against the shadcn/ui v4...
Sequoia 1.5.9: Live Voiceover, Animations, and Improved Mechanics
Dev.to · Dzianis Halka 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Sequoia 1.5.9: Live Voiceover, Animations, and Improved Mechanics
Today we’re excited to introduce the new version of Sequoia - 1.5.9. If releases had awards, this one...
Apple Watch games work best when they feel instant
Dev.to · per ro 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Apple Watch games work best when they feel instant
This article originally appeared on Games for Watch. Apple Watch games feel right only when they...
[DeskFlow]Solving the 'Lost in Canvas' UX problem in my Flutter Web app (DeskFlow v1.1.7)
Dev.to · rocketsquirreldev 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
[DeskFlow]Solving the 'Lost in Canvas' UX problem in my Flutter Web app (DeskFlow v1.1.7)
I am building DeskFlow, a visual planner for desk setups and cable management running on Flutter Web....
WCAG compliancy date widget
Dev.to · Huub 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
WCAG compliancy date widget
Hi, several times i experienced troubles entering my birthdate in a webform because the default...
I turned the cutout in the MacBook screen into a dynamic user interface element (DynamicNotch for macOS)
Dev.to · Evgeniy Petrukovich 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I turned the cutout in the MacBook screen into a dynamic user interface element (DynamicNotch for macOS)
When Apple added notch to the MacBook, many people reacted the same way.: He's there, and you just...
Static CSS Leakage in Microfrontends — Why Shadow DOM Fails and How postcss-prefix-selector Fixes It
Dev.to · Chloe Zhou 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Static CSS Leakage in Microfrontends — Why Shadow DOM Fails and How postcss-prefix-selector Fixes It
This is a follow-up to MUI v4/v5 Style Conflicts in single-spa — A Complete Debug Record. The...
How to Integrate shadcn/ui into Laravel Using Inertia + React (Step-by-Step Guide)
Dev.to · Ai-tools 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How to Integrate shadcn/ui into Laravel Using Inertia + React (Step-by-Step Guide)
Modern web development often feels like choosing between two worlds: Backend frameworks like...
Domains and the emotions they come with
Dev.to · Pratyush-Nirwan 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Domains and the emotions they come with
There’s something strangely emotional about domains. Not in the obvious way no one’s writing poetry...
How to Build Accessible Custom Dropdowns (Comboboxes) That Actually Work
Dev.to · Denis Omerovic 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How to Build Accessible Custom Dropdowns (Comboboxes) That Actually Work
Originally published on the AccessGuard blog. After our post on accessible modals resonated with so...
Web Accessibility Guidelines: A Complete Guide to WCAG Compliance in 2026
Dev.to · Lollypop Vietnam 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Web Accessibility Guidelines: A Complete Guide to WCAG Compliance in 2026
94.8% of home pages had detected WCAG failures in 2025, with an average of 51 accessibility errors...
🚀 React-Form-Toaster 1.1.3 is here. Build powerful forms in React/Next.js with ease, flexibility, and clean UX baked right in.
Dev.to · Pawan Bisht 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
🚀 React-Form-Toaster 1.1.3 is here. Build powerful forms in React/Next.js with ease, flexibility, and clean UX baked right in.
🚀 React-Form-Toaster 1.1.3 Now faster, smarter, and more customizable than ever. Build...
React List Virtualization: Pagination vs Virtual Scroll
Dev.to · Ashish Kumar 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
React List Virtualization: Pagination vs Virtual Scroll
10,000 DOM nodes is slow even if they're not visible. When to paginate, when to infinite scroll, when to virtualize — and the real cost of each approach.
Top 4 React Native Image Caching Libraries in 2026
Dev.to · running squirrel 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Top 4 React Native Image Caching Libraries in 2026
An opinionated guide to image caching in React Native, from battle-tested classics to the...
How to Build a Modern Admin Dashboard with shadcn/ui in 2026
Dev.to · Rob Austin 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How to Build a Modern Admin Dashboard with shadcn/ui in 2026
Five years ago, building an admin dashboard meant cobbling together mismatched UI libraries, hunting...
I built a visual TUI for Homebrew with React and Ink
Dev.to · MoLines Designs 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I built a visual TUI for Homebrew with React and Ink
Why I built Brew-TUI If you're a macOS developer, you probably use Homebrew every day. But...
Why Startups Need More Than Just a “Beautiful Website”
Dev.to · Voidvel 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Why Startups Need More Than Just a “Beautiful Website”
A lot of startups invest heavily in making their website look impressive. Modern animations. Complex...
Stop Your AI Agent from Generating Generic UI — Introducing the Design System Skill
Dev.to · Jaywalker 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Stop Your AI Agent from Generating Generic UI — Introducing the Design System Skill
Every AI coding agent has the same problem: left to its own devices, it generates generic UI. Blue...
🚀 Build a Real Admin Dashboard Faster with NexBoard (Bootstrap 5 + CRUD UI)
Dev.to · Adnen BEN YAHIA 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
🚀 Build a Real Admin Dashboard Faster with NexBoard (Bootstrap 5 + CRUD UI)
A production-ready Bootstrap 5 admin dashboard with real CRUD UI pages, designed for SaaS apps,...
Shadcn/ui vs Chakra UI
Dev.to · Rakesh Nakrani 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Shadcn/ui vs Chakra UI
The choice between Shadcn/ui and Chakra UI depends on how you build your application’s UIs. For...
What Claude Design is actually good for (and why Figma isn’t dead yet)
Lenny's Newsletter 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
What Claude Design is actually good for (and why Figma isn’t dead yet)
Watch now | ️I built a landing page, slides, and an unhinged redesign to find out what Claude Design is actually good at—plus why GPT Image 2.0 might change ho
Building Accessible Frontend Experiences: A Developer's Guide to Accessibility
Dev.to · Visakh Vijayan 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Building Accessible Frontend Experiences: A Developer's Guide to Accessibility
Introduction In the digital age, creating websites and applications that are accessible to...
The CSS Scope You Never Had to Compile
Dev.to · Vivian Voss 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The CSS Scope You Never Had to Compile
Stack Patterns — Episode 13 Every web developer has fought this fight. You write a perfectly...
UI UX Design Course in Telugu: From Basics to Advanced
Dev.to · Chandra Mouli 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
UI UX Design Course in Telugu: From Basics to Advanced
Introduction A UI UX Design Course in Telugu: From Basics to Advanced is the perfect learning path...
Designing Interfaces That Fail Gracefully: What Happens When Things Break (And How Good Systems Respond)
Dev.to · Elizabeth Efeelobari 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Designing Interfaces That Fail Gracefully: What Happens When Things Break (And How Good Systems Respond)
When you build in your local development environment, everything works perfectly. When you test your...
Cursor Rules for Vue.js: Composition API Patterns That Scale
Dev.to · Olivia Craft 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Cursor Rules for Vue.js: Composition API Patterns That Scale
8 Cursor rules that make AI write Vue 3 you would actually merge — script setup, defineProps generics, composables, Pinia, v-for keys, async components, and Vit
Interactive Prototype vs. Static Mockup: Which Gets You to User Feedback Faster?
Dev.to · Fan Song 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Interactive Prototype vs. Static Mockup: Which Gets You to User Feedback Faster?
Every product decision starts with the same tension: you have an idea, you need feedback, and you...
🚀 Just Published: ReactTailwindAccessKit
Dev.to · Info Lyt 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
🚀 Just Published: ReactTailwindAccessKit
I’m excited to share a new open-source project that focuses on building accessible, modern UI...
I Got Tired of Class-Heavy UI Code — So I Kept Going (Juice Part 4)
Dev.to · Drew Marshall 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I Got Tired of Class-Heavy UI Code — So I Kept Going (Juice Part 4)
In Part 1, I talked about the frustration. In Part 2, I showed the direction. In Part 3, I...
Pixels Per Inch Calculator: PPI Formula and Tables
Dev.to · Pixotter 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Pixels Per Inch Calculator: PPI Formula and Tables
Pixels Per Inch Calculator: PPI Formula and Tables Pixels per inch (PPI) tells you how...
HoloCard UI: Reimagining Web Interfaces with Native Browser Technologies
Dev.to · CIPRIAN STEFAN PLESCA 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
HoloCard UI: Reimagining Web Interfaces with Native Browser Technologies
Abstract Over the past decade, web development has become increasingly dependent on large...
Building Real-World AR: The Brutal Truths After 6 Months of Development
Dev.to · KevinTen 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Building Real-World AR: The Brutal Truths After 6 Months of Development
Building Real-World AR: The Brutal Truths After 6 Months of Development Honestly, when I...
🔥 7 Essential Tools Every Vue.js Developer Should Know 🚀
Dev.to · Anson Ch 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
🔥 7 Essential Tools Every Vue.js Developer Should Know 🚀
Vue.js hit 6.4 million weekly npm downloads recently. The framework itself is solid. But the tools...
How to Optimize Font Loading for Better Web Performance (Free Font Resources Included)
Dev.to · Zubair Anwar 🖌️ UI/UX Design 📄 Paper ⚡ AI Lesson 2mo ago
How to Optimize Font Loading for Better Web Performance (Free Font Resources Included)
How to Optimize Font Loading for Better Web Performance Custom fonts can slow down your...
Building a tag system in Astro
Dev.to · Roger Rajaratnam 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Building a tag system in Astro
How this blog's tag system works — from tag slug normalisation and publication-aware counts to the weighted cloud on the blog archive, the ring layout on /tags,
Pixeliro Figma Plugin
Dev.to · Pixeliro 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Pixeliro Figma Plugin
Pixeliro is a complete design system toolkit — generate production-ready color systems, check...
Claude Design vs Figma, Lovable, v0: What's Different
Dev.to · Sameer Khan 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Claude Design vs Figma, Lovable, v0: What's Different
TL;DR: Figma, Lovable, v0, and Claude Design are not the same tool. They pick different starting...
How to Design a Modern Website in 2026: A Developer's Practical Guide
Dev.to · Alamin Sarker 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How to Design a Modern Website in 2026: A Developer's Practical Guide
The Problem Nobody Talks About You've read the articles. You've followed the tutorials....
Building a zero-backend noise pollution map with MapLibre, PMTiles, and a lot of OpenStreetMap
Dev.to · Jan 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Building a zero-backend noise pollution map with MapLibre, PMTiles, and a lot of OpenStreetMap
I just shipped noise.widgita.xyz - a browser-only noise pollution map covering roughly the entire...
I Got Tired of Class-Heavy UI Code — So I Kept Going (Juice Part 3)
Dev.to · Drew Marshall 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I Got Tired of Class-Heavy UI Code — So I Kept Going (Juice Part 3)
In Part 1, I talked about the frustration. In Part 2, I showed the direction. Now in Part 3, we’re...