Tech Skills

UI/UX Design

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

9,975
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,786) Articles (759)Blog Posts (846)Tutorials (164)Research Papers (2)News (15)
A Guide to Minimalist Web Design in 2026
Dev.to · Damien Woods 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
A Guide to Minimalist Web Design in 2026
In today’s digital landscape, it feels like we’re being constantly bombarded with loud, autoplaying...
Your 40-Page Style Guide Isn't a Standard. It's a Wish List.
Dev.to · Jono Herrington 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Your 40-Page Style Guide Isn't a Standard. It's a Wish List.
I was watching the head of architecture demo his team's AI setup when I realized we'd been solving the wrong problem. The style guide wasn't missing. It was inv
Comparison: Nuxt 3.10 vs. Next.js 15 for SSR Vue 3.4 Apps with 10k Users
Dev.to · ANKUSH CHOUDHARY JOHAL 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Comparison: Nuxt 3.10 vs. Next.js 15 for SSR Vue 3.4 Apps with 10k Users
For teams serving 10,000 concurrent users with SSR Vue 3.4 applications, choosing between Nuxt 3.10...
Form accessibility: the checklist nobody actually uses (until users complain)
Dev.to · a11ySolutions 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Form accessibility: the checklist nobody actually uses (until users complain)
Forms are where accessibility debt becomes user abandonment. A form can pass every automated scan...
Elementor 4.0: Not just a UI Update. An Architectural Rewrite!
Dev.to · Jacqueline Tresa 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Elementor 4.0: Not just a UI Update. An Architectural Rewrite!
If you are treating Elementor 4.0 like another feature release. That’s a mistake. The Atomic Editor...
Built a Simple One-Click Font Tool to Save Your Design Time
Dev.to · tangjei 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Built a Simple One-Click Font Tool to Save Your Design Time
Meet Sailorpiece, a lightweight web utility designed to help developers and designers instantly get...
I built a tool to turn boring screenshots into scroll-stopping content 💻
Dev.to · Vasudev Soni 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I built a tool to turn boring screenshots into scroll-stopping content 💻
A few weeks ago, I noticed something: I was shipping features and posting updates… but my...
Desarrollo de Ambientes Virtuales de Aprendizaje en Unity
Dev.to · Santiago Medina 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Desarrollo de Ambientes Virtuales de Aprendizaje en Unity
Desarrollo de Ambientes Virtuales de Aprendizaje en Unity Autor: David Santiago Medina Castro...
Learning to See a Human Being
Dev.to · Bongho Tae 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Learning to See a Human Being
A Glance and All That It Contains Imagine you're the costume designer for a major film,...
The Persistence of Intent
Dev.to · Om Rajguru 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The Persistence of Intent
Imagine you have spent several minutes refining a complex dashboard. You have set the date ranges,...
The Modalities of Accessibility
Dev.to · ShaynaProductions 🖌️ UI/UX Design 2mo ago
The Modalities of Accessibility
There are nights when I have dreamt of a perfect world where, among other wishes, equitable access is...
Flutter Accessibility — Semantics, Screen Readers, and WCAG Compliance
Dev.to · kanta13jp1 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Flutter Accessibility — Semantics, Screen Readers, and WCAG Compliance
Flutter Accessibility — Semantics, Screen Readers, and WCAG Compliance Accessibility is...
An icon - the hardest work in software development now
Dev.to · Justin 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
An icon - the hardest work in software development now
1. Single source of truth Design once: Master: 1024×1024 (or SVG if vector) Safe area: keep key...
Flutter Golden Tests — Catch UI Regressions with Snapshot Testing
Dev.to · kanta13jp1 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Flutter Golden Tests — Catch UI Regressions with Snapshot Testing
Flutter Golden Tests — Catch UI Regressions with Snapshot Testing Golden tests save a...
Flutter Advanced Animation — Hero, Staggered, and CustomPainter for Rich UIs
Dev.to · kanta13jp1 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Flutter Advanced Animation — Hero, Staggered, and CustomPainter for Rich UIs
Flutter Advanced Animation — Hero, Staggered, and CustomPainter for Rich UIs Three...
Cross-Platform Apps Don’t Need to Mean Cross-Platform UI
Dev.to · Rajaniraiyn R 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Cross-Platform Apps Don’t Need to Mean Cross-Platform UI
For a long time, cross-platform app development felt like choosing the least painful compromise. You...
Who is actually responsible for Web Accessibility?
Dev.to · ShaynaProductions 🖌️ UI/UX Design 2mo ago
Who is actually responsible for Web Accessibility?
Who is responsible for making sure software is accessible? If your short answer is the front-end...
How to Build Smooth Loading Animations Using Parametric Curves
Dev.to · Alan West 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How to Build Smooth Loading Animations Using Parametric Curves
Learn how to replace boring CSS spinners with smooth, organic loading animations using parametric curves like Lissajous equations and SVG animateMotion.
How I Turned “It Works, But Users Are Confused” Into a Clear Onboarding Flow
Dev.to · Ezejah Chimkamma 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How I Turned “It Works, But Users Are Confused” Into a Clear Onboarding Flow
A client once told me: “Our product works… but users keep getting stuck.” That sentence says a...
How Architectural Models Improve Modern Building Design
Dev.to · Richie Ren 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How Architectural Models Improve Modern Building Design
Architectural models play a crucial role in modern building design. They help architects, developers,...
I Built an AI Color Palette Generator to Speed Up UI Design (Free Tool)
Dev.to · Ashish | Devpalettes 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I Built an AI Color Palette Generator to Speed Up UI Design (Free Tool)
Designers and developers waste too much time choosing colors. So I built a simple AI Color Palette...
When a Simple Click Gets in the Way: A Tiny UX Detail That Matters
Dev.to · CinfiniteDev 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
When a Simple Click Gets in the Way: A Tiny UX Detail That Matters
I was browsing Flipkart the other day, doing something pretty routine—comparing products. Nothing...
Kotori, strongly typed and modular i18n library for React
Dev.to · Acid Coder 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Kotori, strongly typed and modular i18n library for React
Kotori is a strongly-typed, modular i18n library for React. It’s designed for developers who care...
Figma vs Sketch in 2026: I Ran Both in a 6-Person Startup for 3 Months — Here's What Won
Dev.to · 우병수 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Figma vs Sketch in 2026: I Ran Both in a 6-Person Startup for 3 Months — Here's What Won
Explore a detailed comparison of Figma and Sketch from the perspective of a 6-person startup in 2026. Discover the challenges faced, including design reviews, h
Design to Code #4: Why I Chose Radix Over Custom Primitives
Dev.to · 7onic 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Design to Code #4: Why I Chose Radix Over Custom Primitives
I tried to build a dialog focus trap from scratch. Got it wrong in an afternoon. Here is what Radix actually handles — and what it still gets wrong.
The Most Dangerous Designer at a Big Company Is the One Who Can Ship
Dev.to · Ling Zhou 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The Most Dangerous Designer at a Big Company Is the One Who Can Ship
For years, big companies loved clean role definitions. Designers designed. Engineers engineered. PMs...
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.
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 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...
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...
🚀 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,...
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
Doubt Means Growth
Dev.to · Alex Rezvov 🖌️ UI/UX Design 2mo ago
Doubt Means Growth
Recently, there was a discussion about how to deal with imposter syndrome. Personally, I believe...
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...
Privacy-first mind mapping app. Part 0: Motivations and Mind Maps
Dev.to · Kornel Maraz 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Privacy-first mind mapping app. Part 0: Motivations and Mind Maps
Before MindMapVault, I used FreeMind a lot. I loved it because it was fast, reliable, and easy to...
ReactJs Performance ~ Virtualization for Large Lists~
Dev.to · Ogasawara Kakeru 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
ReactJs Performance ~ Virtualization for Large Lists~
Rendering very large lists in React can quickly become a performance bottleneck. For example, trying...
WCAG: Making the internet more accessible
Dev.to · anes 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
WCAG: Making the internet more accessible
We at Centro Labs recently finished making LocalMate WCAG 2.2 Level AA Compliant. It's not something...
Show Dev: I turned screen time reports into 3D trophies
Dev.to · Jean Michael Mayer 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Show Dev: I turned screen time reports into 3D trophies
The itch I was doom-scrolling at 1am, and iOS politely informed me I'd spent 4h 12min on...
The Scoring Gap: What a Carnival Shooter Teaches Us About Real Design
Dev.to · Sam Novak 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The Scoring Gap: What a Carnival Shooter Teaches Us About Real Design
There’s a story Jesse Schell tells in The Art of Game Design that every developer and designer should...
MCPs everywhere, wth is that?
Dev.to · Rita 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
MCPs everywhere, wth is that?
I got tasked with connecting Figma to our UI Kit via MCP Starting with just documentation, it looks...
MUI v4/v5 Style Conflicts in single-spa — A Complete Debug Record
Dev.to · Chloe Zhou 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
MUI v4/v5 Style Conflicts in single-spa — A Complete Debug Record
Architecture Background The project uses a single-spa microfrontend architecture. The host...
Shadow DOM CSS Isolation: How to Embed a Widget Without Breaking the Host Page
Dev.to · Benji Darby 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Shadow DOM CSS Isolation: How to Embed a Widget Without Breaking the Host Page
Shadow DOM is the only reliable way to prevent a third-party widget's CSS from colliding with a host...
Building a Modern SaaS Dashboard with Next.js 16, Tailwind v4, and shadcn/ui
Dev.to · Ayush Kumar 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Building a Modern SaaS Dashboard with Next.js 16, Tailwind v4, and shadcn/ui
A practical guide to the architectural decisions behind a production-ready admin dashboard — covering App Router patterns, Tailwind v4 theming, dark mode withou
RGAA 4.1: France's Web Accessibility Standard Explained for Non-French Teams
Dev.to · Sophie Marie Blanc 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
RGAA 4.1: France's Web Accessibility Standard Explained for Non-French Teams
RGAA 4.1: France's Web Accessibility Standard Explained for Non-French Teams Meta: RGAA...
Where can I watch or stream HD movies online easily without complicated steps?
Dev.to · HD Movies Streaming 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Where can I watch or stream HD movies online easily without complicated steps?
Finding a reliable platform to watch or stream HD movies online can be challenging, especially with...