Tech Skills

UI/UX Design

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

14,735
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,546) Articles (2752)Blog Posts (3158)Tutorials (226)Research Papers (11)News (399)
Best SVG Icon Libraries for React Developers in 2026
Dev.to · Svg/icons 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Best SVG Icon Libraries for React Developers in 2026
React developers use icons everywhere: navigation menus, dashboards, buttons, settings panels,...
Crazy Egg vs. Contentsquare: Each Tool’s True Strengths
Crazy Egg Blog 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Crazy Egg vs. Contentsquare: Each Tool’s True Strengths
Trying to choose between Crazy Egg and Contentsquare? Crazy Egg is a better UX and conversion rate optimization platform if you want heatmaps, session recording
Why I Stopped Designing Websites and Started Designing Flows
Dev.to · Drew Marshall 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why I Stopped Designing Websites and Started Designing Flows
At one point, most of my thinking around software revolved around pages. landing...
⛔Stop Putting Logic in Templates: A Senior Angular Architect's Guide to Clean UI Contracts
Dev.to · abdelaaziz ouakala 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
⛔Stop Putting Logic in Templates: A Senior Angular Architect's Guide to Clean UI Contracts
Stop Putting Logic in Templates: A Senior Angular Architect's Guide to Clean UI...
Can Vue Be a React Authoring Language?
Dev.to · Ryan John 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Can Vue Be a React Authoring Language?
Introduction Have you ever been in this situation? You love Vue's Composition API and the...
Inline context while you read, without losing your place
Dev.to · J Now 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Inline context while you read, without losing your place
The pattern that wrecked my reading: find an unfamiliar term, open a new tab, read half the Wikipedia...
Visual Regression Testing with Screenshot APIs: Catch UI Bugs Before Users Do
Dev.to · DevToolsmith 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Visual Regression Testing with Screenshot APIs: Catch UI Bugs Before Users Do
Unit tests check logic. Integration tests check API contracts. But neither catches the CSS regression that moves your checkout button off-screen in Safari, or t
Generic components in SwiftUI: write once, reuse everywhere
Dev.to · Luis Filipe Pedroso 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Generic components in SwiftUI: write once, reuse everywhere
Learn how to use generics in SwiftUI to build reusable components that work with any data type. A simple, beginner-friendly guide with code examples.
Trade shows give brands only a few seconds to grab attention - and bad display design can instantly push visitors away.
Dev.to · Timothy Stein 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Trade shows give brands only a few seconds to grab attention - and bad display design can instantly push visitors away.
Common mistakes include: • Overcrowded text • Low-quality graphics • Poor color contrast • Tiny...
How to Use Custom CSS to Brand Your Published Markdown Pages
Dev.to · Kritika Yadav 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How to Use Custom CSS to Brand Your Published Markdown Pages
You have written a solid piece. The content is sharp, the structure is clean, and you hit publish....
I Built a Free Browser-Based Image Tools Platform
Dev.to · Zihang Dong 董子航 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I Built a Free Browser-Based Image Tools Platform
I Built a Privacy-First Online Image Tools Platform That Runs 100% in the Browser Most...
How to Build a Next.js App in 30 Languages (Without Losing Your Mind)
Dev.to · Iurii Rogulia 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How to Build a Next.js App in 30 Languages (Without Losing Your Mind)
Next.js i18n with App Router at production scale — routing, type-safe translations, hreflang, and the formatting traps no tutorial warns you about.
Building True Vector PDF Export in the Browser with fabric.js
Dev.to · morestrive 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Building True Vector PDF Export in the Browser with fabric.js
Building True Vector PDF Export in the Browser with fabric.js https://yft.design/...
Day 0 — visual concept for a small cloud platform
Dev.to · Danilo Eduardo Lopez Corozo 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Day 0 — visual concept for a small cloud platform
Day 0 — visual concept for a small cloud platform I’m starting a small project around cloud hosting...
Modern UI Architecture (Part 4): Design Ownership and Team Rollout
Dev.to · goodlords 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Modern UI Architecture (Part 4): Design Ownership and Team Rollout
现代化 UI 架构总结:设计主权回归与团队落地 本文是 UI 架构系列的第四篇,也是最后一篇。建议先阅读 第一篇:三层颜色体系与系统化设计方案、第二篇:Drawable...
Part I: Don't Wait for Data. Render What You Know.
Dev.to · Pratik Goswami 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Part I: Don't Wait for Data. Render What You Know.
Part I of the series "Don't Let the User Wait - Render Quickly to Keep Their Attention." ...
What Web3 Founders Actually Think About Design (And Why Most Get It Wrong)
Dev.to · soma ryuu 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
What Web3 Founders Actually Think About Design (And Why Most Get It Wrong)
Design in Web3 is a contested topic. Founders disagree. Builders disagree. And the products reflect...
Web3 Design: Why Beautiful Interfaces Are Also the Most Usable
Dev.to · soma ryuu 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Web3 Design: Why Beautiful Interfaces Are Also the Most Usable
There is a persistent myth in product design that usability and aesthetics are in tension. That...
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...
How to fix the 'AI-generated' look in your frontend
Dev.to · Alan West 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How to fix the 'AI-generated' look in your frontend
Why AI-generated frontends all look the same, and four concrete fixes — custom palette, asymmetric layouts, component vocabulary, and lint rules.
kovax-react 0.6: Pagination, breakpoint hooks, and one source of truth for responsive layout
Dev.to · Aleksey Alekseev 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
kovax-react 0.6: Pagination, breakpoint hooks, and one source of truth for responsive layout
kovax-react 0.6 is on npm. If you already use kovax-react 0.5 with ThemeProvider and CSS-variable...
I built an AST-powered visualizer for Reactjs, Next.js to solve my own architectural debt (and 50+ devs just joined the waitlist)
Dev.to · Me 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I built an AST-powered visualizer for Reactjs, Next.js to solve my own architectural debt (and 50+ devs just joined the waitlist)
We’ve all been there. You open a Reactjs, Next.js project that started small. But after a few weeks...
Seven visual tools, one diagram
Dev.to · Harshit Luthra 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Seven visual tools, one diagram
Excalidraw is fast, but everything I make in it ends up looking the same. I tried seven tools that promise blog visuals with attitude — on a single diagram — an
Frameworks Solve UI. Engines Solve Businesses.
Dev.to · Drew Marshall 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Frameworks Solve UI. Engines Solve Businesses.
Most web frameworks solve one part of the problem really well: building interfaces. And to be clear,...
I built a React + Material-UI portfolio template — 198 forks later, here's how it works
Dev.to · Fayaz Bin Salam 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I built a React + Material-UI portfolio template — 198 forks later, here's how it works
i've been building android libraries, rust CLIs, electron apps — a lot of projects across a lot of...
A New, More Intuitive PromoSync: Redesigned Main Menu, Shop Overview, and Settings
Dev.to · PSRESTful 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
A New, More Intuitive PromoSync: Redesigned Main Menu, Shop Overview, and Settings
We just shipped a UX refresh for PromoSync, our Shopify app that syncs PromoStandards suppliers into...
Accessible error messages: the patterns that work across JAWS, NVDA and VoiceOver
Dev.to · a11ySolutions 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Accessible error messages: the patterns that work across JAWS, NVDA and VoiceOver
You added aria-live="assertive". You set aria-invalid="true". You tested in Chrome with a mouse. The...
How to Implement Skeleton Screen Loading in React
Dev.to · 137Foundry 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How to Implement Skeleton Screen Loading in React
Skeleton screens are more effective than spinners for content loading because they show structure...
Avoid Unnecessary Re-renders in Vue with `v-memo`
Dev.to · Jakub Andrzejewski 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Avoid Unnecessary Re-renders in Vue with `v-memo`
When building Vue applications, performance usually feels great by default - Vue’s reactivity system...
A terminal theme tuned for prose, not syntax — built around Klein Blue
Dev.to · J Now 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
A terminal theme tuned for prose, not syntax — built around Klein Blue
Most of my working hours in Claude Code are spent reading English. Tool output, permission prompts,...
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...
SpecPeek vs Figma Dev Mode: Share Design Specs Without Paid Developer Seats
Dev.to · Todor Gospodinov 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
SpecPeek vs Figma Dev Mode: Share Design Specs Without Paid Developer Seats
Figma's free viewer covers basic inspection, but Dev Mode requires paid seats. SpecPeek publishes Figma frames as shareable URLs with CSS, Tailwind, annotations
Understanding Cache Storage Strategies for Progressive Web Apps
Dev.to · 137Foundry 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Understanding Cache Storage Strategies for Progressive Web Apps
The Cache Storage API is what makes service workers useful for offline support. It gives your service...
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...
How I built an interactive JSON visualizer in the browser (no react-flow)
Dev.to · Yavuz Özgüven 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How I built an interactive JSON visualizer in the browser (no react-flow)
Every time I debugged a deeply nested API response, I scrolled. I counted brackets. I lost my place....
MDX Layout Best Practices: Import Order and Component Placement
Dev.to · Mustafa ERBAY 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
MDX Layout Best Practices: Import Order and Component Placement
While developing my bilingual technical blog, I became very familiar with MDX files. Initially, my...
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
Why I avoided gamification in a vocabulary tool for adult learners
Dev.to · qcrao 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why I avoided gamification in a vocabulary tool for adult learners
When you build a language learning product in 2026, the default playbook is gamification. Streaks,...
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...
Instinctor: a Web Platform Where the Page Builder Is a Real WebGL Engine, Not a Wrapper Around Templates
Dev.to · Instinctor 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Instinctor: a Web Platform Where the Page Builder Is a Real WebGL Engine, Not a Wrapper Around Templates
Instinctor is a web platform with native WebGL 3D scroll, autonomous chat built into the platform...
Launch Modern Corporate Websites Faster with Finly
Dev.to · Hicham 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Launch Modern Corporate Websites Faster with Finly
Over the past few weeks, I’ve been working on Finly — a modern HTML template designed for startups,...
Query Filters, UI Design and the CNF/DNF caveat nobody talks about
Dev.to · ManojGompa 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Query Filters, UI Design and the CNF/DNF caveat nobody talks about
I've worked on plenty of things — some more complex, some more well-known. But every now and then,...
Hören Sie auf, Bilder einzeln zu bearbeiten — Dieses kostenlose Browser-Tool verarbeitet Hunderte auf einmal
Dev.to · Eldho Paulose 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Hören Sie auf, Bilder einzeln zu bearbeiten — Dieses kostenlose Browser-Tool verarbeitet Hunderte auf einmal
Wir kennen das alle. Sie haben 200 Produktbilder, die auf 800×800 skaliert, in WebP konvertiert und...
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...
Notekeeper: a Google Keep wall for your Obsidian vault
Dev.to · Philemon Chiro 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Notekeeper: a Google Keep wall for your Obsidian vault
Notekeeper is a free, open-source Obsidian plugin that turns your vault into a sticky-note wall. Pin...
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...