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)
From Profile to Pipeline: The Freelance UI/UX Designer’s LinkedIn Playbook (2026 )
Dev.to · Nafiz Mahmud 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
From Profile to Pipeline: The Freelance UI/UX Designer’s LinkedIn Playbook (2026 )
If you’re a freelance UI/UX designer, your portfolio proves you can design. But your LinkedIn profile...
How to Do a Website Accessibility Audit (Step by Step)
Dev.to · Romain 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How to Do a Website Accessibility Audit (Step by Step)
A practical 7-step workflow to audit a website against WCAG 2.2 — combining automated scanning with the manual checks tools cannot do, and producing dated evide
AI Assisted GUI Took Seconds
Dev.to · Cathy Lai 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
AI Assisted GUI Took Seconds
One of the biggest surprises in this project so far wasn’t the image generation itself — it was how...
Google redesigned 13 Workspace icons last week. Here is where to grab the new SVGs.
Dev.to · GDS K S 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Google redesigned 13 Workspace icons last week. Here is where to grab the new SVGs.
On May 18 Google started rolling out new gradient icons for thirteen of its Workspace apps. Gmail,...
Using Custom Properties for Dynamic Theme Changes
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Using Custom Properties for Dynamic Theme Changes
The Ultimate Guide to Dynamic Theme Switching with CSS Custom Properties Grab your coffee, pull up a...
🚀 I Built a Minimal Futuristic Tech Identity for My Developer Brand
Dev.to · Dark Tor 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
🚀 I Built a Minimal Futuristic Tech Identity for My Developer Brand
As a developer building AI tools and web applications, I wanted something simple but powerful — a...
Add Your Own Component to Bombie in 5 Edits
Dev.to · Amith Moorkoth 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Add Your Own Component to Bombie in 5 Edits
This is the third post in the Bombie series. The first post was an intro, the second covered the...
Meet @vysmo/effects — 30 WebGL2 filter effects in one render() call
Dev.to · TommyDee 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Meet @vysmo/effects — 30 WebGL2 filter effects in one render() call
There's a category of visual work the browser is genuinely good at and yet most projects either skip...
Why I Got Tired of Class-Heavy UI Code and Started Building Around Attributes
Dev.to · Drew Marshall 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why I Got Tired of Class-Heavy UI Code and Started Building Around Attributes
One thing that slowly wore me down over the years of frontend development wasn’t JavaScript. It...
How to Start with React Flow and Build an Advanced Workflow Builder Step by Step
Dev.to · Azim-Ahmed 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How to Start with React Flow and Build an Advanced Workflow Builder Step by Step
Modern SaaS products are becoming more visual. Instead of asking users to fill out long forms, many...
Aegis: Designing an Offline Ambient Co-Working Companion for High-Burnout Medical and STEM Grinds
Dev.to · Jaimin Sapariya 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Aegis: Designing an Offline Ambient Co-Working Companion for High-Burnout Medical and STEM Grinds
🌌 1. The Story & Real-World Impact Late-night studying, coding marathon sessions, and...
Centering in CSS: all methods from the 1990s to the present day
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Centering in CSS: all methods from the 1990s to the present day
The Ultimate Evolution of CSS Centering: From 1990s Hacks to 2026 Elegance Grab your coffee, pull up...
I analyzed 200 branded QR codes for WCAG compliance. 1 in 4 fail.
Dev.to · Nacho González 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I analyzed 200 branded QR codes for WCAG compliance. 1 in 4 fail.
Most accessibility audits treat QR codes as a one-line checklist item: "include alt text." That's not...
Accessibility - This looks like a job for a developer advocate!
Dev.to · Andy Haskell 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Accessibility - This looks like a job for a developer advocate!
At the beginning of last year, I started a new role as an accessibility-focused frontend engineer....
Design decisions behind my “Irregular German Verbs” iOS app
Dev.to · Roman Voinitchi 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Design decisions behind my “Irregular German Verbs” iOS app
A pet project is, first of all, a way to learn something new in your own field. I have a 9–5 job, but...
The Tyranny of Platform Agnostic Design
Dev.to · pretty ncube 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
The Tyranny of Platform Agnostic Design
The Problem We Were Actually Solving In retrospect, the issue wasn't just about getting...
🌃 Dark Mode Architecture That Doesn't Leak: A Design-System Approach for Angular
Dev.to · Abdelaaziz Ouakala 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
🌃 Dark Mode Architecture That Doesn't Leak: A Design-System Approach for Angular
Dark mode is not a UI toggle. It's a design-system architecture problem. Here's how to build scalable theme infrastructure in Angular using design tokens, a cen
I built a dark portfolio template for developers — here's everything inside
Dev.to · Nexflow Studio 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I built a dark portfolio template for developers — here's everything inside
Most developer portfolios look the same. Generic blue theme, Bootstrap layout, tutorial project...
Presentation Tips for Structuring Messages and Effective Storytelling
Dev.to · Slideuplift 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Presentation Tips for Structuring Messages and Effective Storytelling
This blog breaks down practical presentation tips to help you plan, design, and deliver slides that...
Electrical Designer (Hybrid/Remote)
Dev.to · Vaaeng 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Electrical Designer (Hybrid/Remote)
VAA is expanding its footprint and seeking an astute, solutions-oriented Electrical Designer eager to...
Building a Customizable Avatar System in React (Without Creating Everything From Scratch)
Dev.to · Sinan Mp 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Building a Customizable Avatar System in React (Without Creating Everything From Scratch)
Most modern web applications have some kind of: login system user profile onboarding flow account...
Why German App Store Listings Need 30% More Vertical Space
Dev.to · Shotlingo 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why German App Store Listings Need 30% More Vertical Space
Data-driven analysis: German App Store listings need 30% more vertical space than English. Word expansion table and exact design fixes.
Stop making your users scroll: How moving our database parameters to a 0% scroll layout changed our performance metrics
Dev.to · Stephen Sebastian 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Stop making your users scroll: How moving our database parameters to a 0% scroll layout changed our performance metrics
Let’s be honest about the state of programmatic utility sites: most of them are terrible to use. You...
I stopped starting presentations in PowerPoint
Dev.to · Max Chen 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I stopped starting presentations in PowerPoint
I realized something recently:Creating slides isn't actually the hard part. The hard part is staring...
I Built a Habit Tracker That Actually Made Me Want to Use It
Dev.to · Ashutosh Swamy 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I Built a Habit Tracker That Actually Made Me Want to Use It
Most productivity apps I've tried have one thing in common: they're exhausting to look at. Too many...
Reading Log #0 — Manga Was a Democratization Device for Cultural Capital
Dev.to · machuz 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Reading Log #0 — Manga Was a Democratization Device for Cultural Capital
Taste is formed by class and history (Bourdieu). But in Japan, manga worked as a democratization device for cultural capital. How aesthetics rises from a place
Why Some Developers Are Moving Away From Tailwind CSS in 2026
Dev.to · pickuma 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why Some Developers Are Moving Away From Tailwind CSS in 2026
A fair examination of the real technical arguments against utility-first CSS, why Tailwind still dominates for many teams, and who should actually reconsider it
The frontend skills that matter when AI becomes product plumbing
Dev.to · Saqueib Ansari 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
The frontend skills that matter when AI becomes product plumbing
AI features don’t reduce frontend complexity. They move more product risk into UI state, streaming flows, forms, and accessibility. This piece is about the fron
I rebuilt my little corner of the internet
Dev.to · Somay 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I rebuilt my little corner of the internet
Spent the last day redesigning my github + portfolio until they finally started feeling like me...
Professional Scripted product demos with GSAP with Claude
Dev.to · Sugam Panthi 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Professional Scripted product demos with GSAP with Claude
I was exporting a 15-second screen recording of the product for the landing page when the file hit...
Frontend e Motion
Dev.to · Leonardo Dellamora 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Frontend e Motion
Tenho a impressão de que frontend está entrando em uma nova fase em relação a motion. Durante muito...
Bear UI 1.2.3: Goodbye Tailwind, Hello AeroCraft
Dev.to · John Yaghobieh 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Bear UI 1.2.3: Goodbye Tailwind, Hello AeroCraft
Repo: github.com/yaghobieh/bear Docs: bearui.com npm: @forgedevstack/bear@1.2.3 Bear UI 1.2.3 is a...
How I build Sanity Portable Text custom components in Next.js
Dev.to · Nayan Kyada 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How I build Sanity Portable Text custom components in Next.js
Learn how to build Sanity Portable Text custom components in Next.js — code blocks, callouts, embedded forms, and captioned images with full TypeScript types.
Stop pretending your Figma token migration is actually finished
Dev.to · Alexander 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Stop pretending your Figma token migration is actually finished
We were sitting in a design review on Thursday afternoon. The lead designer wanted to show off the...
Vicinage, type-safe and zero-runtime UI styling, right in the markup.
Dev.to · chbyb 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Vicinage, type-safe and zero-runtime UI styling, right in the markup.
Write your styles as typed objects directly on your JSX markup and get zero-runtime atomic CSS. Built...
Building a desktop studio for interactive video stories like Late Shift - Devlog #1
Dev.to · Choice Story Studio 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Building a desktop studio for interactive video stories like Late Shift - Devlog #1
Hey everyone. I'm starting this devlog mostly because we've been heads-down on a project for about...
Web Design and Development: Mobile-First Layouts and Best Practices
Dev.to · Arpit 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Web Design and Development: Mobile-First Layouts and Best Practices
Designing the web today means designing for small screens first. Mobile devices are the primary way...
Audio That Sees Itself
Dev.to · Giovambattista Fazioli 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Audio That Sees Itself
A Mantine-native audio player for React with waveform visualisation and a live spectrum analyser,...
Retro gaming guide: CSS scanlines, Orbitron and dark theme without JS
Dev.to · Odilon HUGONNOT 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Retro gaming guide: CSS scanlines, Orbitron and dark theme without JS
I built a buying guide for retro portable consoles with purely aesthetic CSS — scanlines, Orbitron, custom properties — without a single line of JS. The real de
Why your accessibility tools can't see your diagram
Dev.to · Wojciech Krzesaj 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why your accessibility tools can't see your diagram
TL;DR: Lighthouse scored my org chart 98%. A keyboard user could not reach a single node. I audited...
Why I Handcrafted "Material Nova" — The Ultimate, Eye-Friendly VS Code Theme
Dev.to · Dhavalkurkutiya 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why I Handcrafted "Material Nova" — The Ultimate, Eye-Friendly VS Code Theme
Meet Material Nova — a premium color theme for VS Code featuring 12 beautiful variants (OLED Dark, Palenight, Deep Ocean & Forest Green) optimized to eliminate
How to Choose a Visual Testing Tool: The Complete Buying Guide (2026)
Dev.to · Delta-QA 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How to Choose a Visual Testing Tool: The Complete Buying Guide (2026)
How to Choose a Visual Testing Tool: The Complete Buying Guide ...
My Minimalist iPhone + Lightroom Photo Workflow (Like Reusable Components)
Dev.to · Richard Lemon 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
My Minimalist iPhone + Lightroom Photo Workflow (Like Reusable Components)
Why I treat photos like UI components I build web experiences for a living, so my brain is wired...
What Does Vue 3 `ref()` Compile to in React with VuReact?
Dev.to · Ryan John 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
What Does Vue 3 `ref()` Compile to in React with VuReact?
VuReact compiles Vue 3 code into standard, maintainable React code. In this article, we will focus on...
Why "Good Enough" Design is the Solo Developer's Secret Weapon
Dev.to · The One-Man Framework 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why "Good Enough" Design is the Solo Developer's Secret Weapon
I spent years looking at websites like Stripe or Linear and feeling depressed. I would try to...
LumaBride: Unified Wedding Visual Design in One Platform
Dev.to · zhang 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
LumaBride: Unified Wedding Visual Design in One Platform
LumaBride is a one-stop premium wedding visual design platform for couples who want a consistent...
How to Fix Common WCAG Color Contrast Failures
Dev.to · Romain 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How to Fix Common WCAG Color Contrast Failures
Color contrast is the most common WCAG violation — detected on 81% of homepages per WebAIM. Six repeatable patterns close most of them. Code examples in Tailwin
How to Test Your Website with a Screen Reader (Beginner Guide)
Dev.to · Romain 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How to Test Your Website with a Screen Reader (Beginner Guide)
You don't need to be an expert to run basic screen reader tests. This guide covers NVDA on Windows and VoiceOver on Mac, with specific things to listen for.