Tech Skills

UI/UX Design

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

9,976
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 (1,787) Articles (760)Blog Posts (846)Tutorials (164)Research Papers (2)News (15)
Web3 Design Principles for DeFi Dashboards
Dev.to · soma ryuu 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Web3 Design Principles for DeFi Dashboards
DeFi dashboards are some of the hardest UI problems in product design. You are asking people to make...
Creating Dynamic Lists in React: A Step-by-Step Guide
Dev.to · Amirah Nasihah 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Creating Dynamic Lists in React: A Step-by-Step Guide
Creating Dynamic Lists in React: A Step-by-Step Guide Lists in React are similar to lists...
Built a Modern Tailwind Template for SaaS & Corporate Websites
Dev.to · Hicham 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Built a Modern Tailwind Template for SaaS & Corporate Websites
I recently launched Finly, a modern HTML template crafted for agencies, startups, SaaS platforms, and...
Simon Willison's Blog 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Quoting Julia Evans
[...] in the last 10 years I’ve learned to really love and respect CSS as a technology. So I decided years ago that I wanted to react to “CSS is hard” by gettin
Properties of scroll-timeline: creating animations on scroll without JavaScript
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Properties of scroll-timeline: creating animations on scroll without JavaScript
Stop Using JS for Scroll Animations: Meet Scroll-Timeline Grab a coffee, friend. We need to talk...
Inline context for every article, without leaving the page
Dev.to · J Now 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Inline context for every article, without leaving the page
I read slowly. Not because I'm patient, but because half the concepts in any given article have...
I Built and Open Sourced a Futuristic Neon-Styled React UI Library Called NeonBlade UI
Dev.to · vinay kalwale 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I Built and Open Sourced a Futuristic Neon-Styled React UI Library Called NeonBlade UI
Frontend and UI design has always been the part of development I enjoy the most, especially...
Why we hardcoded 8 niche presets instead of letting GPT generate slide layouts
Dev.to · 汪小春 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why we hardcoded 8 niche presets instead of letting GPT generate slide layouts
Most AI slide tools let GPT decide everything — the layout, the typography hierarchy, the section...
Migrating MUI in a Single-SPA Microfrontend — What the Official Docs Don't Tell You
Dev.to · Chloe Zhou 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Migrating MUI in a Single-SPA Microfrontend — What the Official Docs Don't Tell You
This article is the third in a series. The first two cover individual problems in detail: MUI v4/v5...
Building Simple Tabs with Vanilla JavaScript
Dev.to · Razvan Zamfir 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Building Simple Tabs with Vanilla JavaScript
Tabs are one of those UI patterns you see everywhere — dashboards, settings pages, pricing sections,...
**I Redesigned My Landing Page 7 Small Changes That Made It Look Premium**
Dev.to · Cmoke Hleza 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
**I Redesigned My Landing Page 7 Small Changes That Made It Look Premium**
Most websites don’t look bad because of the colors. They look bad because of spacing, hierarchy, and...
My Take on: 4 Tiny Mistakes That Secretly Destroy App Per
Dev.to · qing 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
My Take on: 4 Tiny Mistakes That Secretly Destroy App Per
My Take on: 4 Tiny Mistakes That Secretly Destroy App Per Introduction My Take...
Interactive Flat Panel
Dev.to · Homeify Smart Solutions 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Interactive Flat Panel
INTRODUCTION Interactive flat panels are helping schools, businesses, training centers, and...
Global Accessibility Awareness Day 2026: A Small-Business Action Plan for the Week Leading Up to May 21
Dev.to · AgentKit 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Global Accessibility Awareness Day 2026: A Small-Business Action Plan for the Week Leading Up to May 21
GAAD 2026 lands on May 21. Here is a six-day plan any small-business owner can follow to do something real before the day arrives -- without hiring a developer
I created a course platform which uses mind maps as the primary format, here's how it went
Dev.to · Tomasz Krupa 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I created a course platform which uses mind maps as the primary format, here's how it went
A year ago, Pathmind started as a Chrome extension for making mind maps. We added interactive nodes...
Your Users Shouldn’t Need a Tutorial to Use Your Product
Dev.to · Bhavya Kapil 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Your Users Shouldn’t Need a Tutorial to Use Your Product
A user opens your app. They click around for 15 seconds. Then they stop. Not because the product...
Designing Browser-Based Horror Visual Novels Around Atmosphere and Player Attention
Dev.to · wen yong 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Designing Browser-Based Horror Visual Novels Around Atmosphere and Player Attention
Browser-based horror games have a different rhythm from traditional desktop horror. The player...
I almost added streaks to my app. Then I remembered what Duolingo did to me.
Dev.to · Sai Krishna Subramanian 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I almost added streaks to my app. Then I remembered what Duolingo did to me.
I started learning German on Duolingo last year. A few friends were doing it and I kept getting...
Your email design system shouldn't live only in your head
Dev.to · J Now 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Your email design system shouldn't live only in your head
Every new campaign, same ritual: dig up the brand hex codes, re-enter the font stack, rebuild the...
I Killed Two Forms. Here's What Replaced It
Dev.to · Konstantin 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I Killed Two Forms. Here's What Replaced It
The form is the friction. Two real cases — a startup validation landing and a personal founder site — show what happens when you let visitors talk instead of ty
Screenshot Testing: The Complete Guide to Visual Screenshot Testing in 2026
Dev.to · Delta-QA 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Screenshot Testing: The Complete Guide to Visual Screenshot Testing in 2026
Screenshot Testing: The Complete Guide to Visual Screenshot Testing in 2026 Screenshot...
Better Design: 30+ Themed shadcn/ui Design Systems
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Better Design: 30+ Themed shadcn/ui Design Systems
Better Design: an open source shadcn/ui registry with 31 themed design systems for React and Tailwind...
UX Handoff Should Reduce Engineering Ambiguity
Dev.to · Marcelo Cedeno 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
UX Handoff Should Reduce Engineering Ambiguity
A product-focused checklist for UI/UX handoff, edge cases, states, and implementation-ready design.
Reduce False Positives in Visual Testing: The Problem Nobody Really Solves
Dev.to · Delta-QA 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Reduce False Positives in Visual Testing: The Problem Nobody Really Solves
Reduce False Positives in Visual Testing: The Problem Nobody Really Solves False positive...
Loading Spinners Are Quietly Breaking Your Website for Screen Reader Users
Dev.to · AgentKit 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Loading Spinners Are Quietly Breaking Your Website for Screen Reader Users
Spinners, skeleton screens, and 'please wait' overlays are everywhere on modern websites — and most of them say nothing to screen readers. Here's how the silenc
Vue.js vs React: Which One Should You Choose?
Dev.to · Fu'ad Husnan 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Vue.js vs React: Which One Should You Choose?
Choosing between Vue.js and React has become one of the most common questions in modern web...
Foundational Accessibility Begins with the Base Components
Dev.to · ShaynaProductions 🖌️ UI/UX Design 1mo ago
Foundational Accessibility Begins with the Base Components
Prologue A while ago, I decided to develop a fully accessible main navigation component in React and...
10 Relevant Ways to Center a div
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
10 Relevant Ways to Center a div
The Zen of Centering: 10 Modern Ways to Center a Div Ah, centering a div. It is the ultimate...
Mastering Responsive Design in Flutter: A Practical Approach with Vize
Dev.to · Nwanedilobu Egbekwu (DiLo) 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Mastering Responsive Design in Flutter: A Practical Approach with Vize
Inspired by Chapter 23 of "Flutter Engineering" by Majid Hajian - A Flutter Book Club Deep...
Stop the White Screen of Death: Master Next.js Error Boundaries 🛡️
Dev.to · Prajapati Paresh 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Stop the White Screen of Death: Master Next.js Error Boundaries 🛡️
The Fragility of the React Tree One of the most dangerous behaviors of a React application is how it...
PIXORA Tools — Free Online Image Editor & All-in-One Image Toolkit
Dev.to · frank nwafor 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
PIXORA Tools — Free Online Image Editor & All-in-One Image Toolkit
From a technical and architectural standpoint, PIXORA Tools is a high-performance, client-side...
Creating the Perfect Sticky Website Header
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Creating the Perfect Sticky Website Header
Mastering the Sticky Header: From Layout Hacks to CSS Zen We have all been there. You are halfway...
Building HOLO.SYS — A Futuristic 3D Holographic Visualization System with React, Three.js & GLSL
Dev.to · Muhammad Yasir 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Building HOLO.SYS — A Futuristic 3D Holographic Visualization System with React, Three.js & GLSL
Introduction Modern web development is rapidly evolving beyond traditional websites and...
When disabled is not enough: Building guarded UI state in React
Dev.to · Oleksii Kyrychenko 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
When disabled is not enough: Building guarded UI state in React
A continuation of the isLoading discussion: why blocking a workflow and representing that state in...
How UI Design Shapes Brand Perception
Dev.to · Pixel Mosaic 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How UI Design Shapes Brand Perception
When people interact with a product, they form an opinion about the brand within seconds. Before they...
Hero Section UX: A Practical Checklist for Choosing the Right Product Visual
Dev.to · Maverick Frame Studio 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Hero Section UX: A Practical Checklist for Choosing the Right Product Visual
A landing page hero section has to earn attention before it can ask for action. For SaaS teams and...
AI Overlay UI in Tauri — Designing the "Ask AI" Button That Doesn't Annoy Users
Dev.to · hiyoyo 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
AI Overlay UI in Tauri — Designing the "Ask AI" Button That Doesn't Annoy Users
All tests run on an 8-year-old MacBook Air. All results from shipping 7 Mac apps as a solo developer....
If you need a Gantt chart for your React app, check this list.
Dev.to · Olga T. 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
If you need a Gantt chart for your React app, check this list.
Best React Gantt Chart Libraries for Project Management Apps ...
I Thought Portfolios Weren't for People Like Me. So I Built a Wiki Instead.
Dev.to · Roger Castro 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I Thought Portfolios Weren't for People Like Me. So I Built a Wiki Instead.
For a long time I operated under a quiet assumption: portfolios are for developers. They're for...
WCAG Color Contrast: Why Your UI Might Be Failing Accessibility Tests
Dev.to · Snappy Tools 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
WCAG Color Contrast: Why Your UI Might Be Failing Accessibility Tests
You've probably seen accessibility audits flag contrast ratio failures. Maybe Lighthouse gives your...
Why We Chose Next.js Over Everything Else for Client Projects
Dev.to · Savage Solutions 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why We Chose Next.js Over Everything Else for Client Projects
Why We Chose Next.js Over Everything Else for Client Projects When we started working with...
Why the Design File No Longer Makes Sense
Dev.to · Nevena 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why the Design File No Longer Makes Sense
For years, the design-to-code workflow has relied on a quiet assumption: design lives somewhere else,...
Sisyphus would have loved Skip Links & Page Structure | Trusted Tester Study Group 6
Dev.to · Laura Wissiak, CPACC 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Sisyphus would have loved Skip Links & Page Structure | Trusted Tester Study Group 6
As we continue our journey toward becoming certified Trusted Testers, this session reinforced that...
Try the MindMapVault FOSS Interactive Canvas (Privacy‑First, Local‑Only Mind Mapping)
Dev.to · Kornel Maraz 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Try the MindMapVault FOSS Interactive Canvas (Privacy‑First, Local‑Only Mind Mapping)
MindMapVault FOSS is a privacy‑first, local‑only mind‑mapping app with a minimalist canvas and zero...
How React streams UI, React Compiler Rendering, dev3000 CLI, TSRX, Replay, Scroll-Driven Animations, Ship 26 tickets
Dev.to · Erfan Ebrahimnia 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How React streams UI, React Compiler Rendering, dev3000 CLI, TSRX, Replay, Scroll-Driven Animations, Ship 26 tickets
How React streams UI out of order and still manages to keep order Instead of waiting for...
Automatic Sizing of Inputs with the field-sizing Property
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Automatic Sizing of Inputs with the field-sizing Property
Finally, Form Elements That Don’t Suck at Resizing Grab a coffee, because we need to talk about one...
The Missing Layer Between AI and Design Consistency
Dev.to · Ashmeet 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The Missing Layer Between AI and Design Consistency
By now, "vibe coding" is completely normalized. You describe a thing, AI builds it, you nudge it...
I just wanted to convert an image to WebP and cut a few seconds from a video
Dev.to · Sagi h 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I just wanted to convert an image to WebP and cut a few seconds from a video
Why I built FastEdit, a free no-upload browser-based image, GIF, and video editor for annoying last-mile media tasks.