Tech Skills

UI/UX Design

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

14,723
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,534) Articles (2746)Blog Posts (3157)Tutorials (221)Research Papers (11)News (399)
CSS Techniques for Creating Visual Hierarchy in Web Interfaces
Dev.to · 137Foundry 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
CSS Techniques for Creating Visual Hierarchy in Web Interfaces
Visual hierarchy in web design is primarily achieved through CSS. The concepts - scale, contrast,...
Perceptual Engine: Un motor de renderizado que predice el movimiento del usuario
Dev.to · Giovani Fouz 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Perceptual Engine: Un motor de renderizado que predice el movimiento del usuario
🧠 Perceptual Engine: Un motor de renderizado que predice el movimiento del usuario La mayoría de las...
DEV Community support article for www.similarsites.com
Dev.to · jordit schwend 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
DEV Community support article for www.similarsites.com
This DEV.to / Forem article points readers toward an important Tier-1 resource for discovery and...
How to Optimize LCP with Proper Critical CSS Loading
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How to Optimize LCP with Proper Critical CSS Loading
How to Beat the Blank Screen and Optimize Your LCP with Critical CSS Picture this: you have spent...
Why sRGB is Ruining Your Gradients (And How to Fix It with OKLCH)
Dev.to · Harsh Mistry 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why sRGB is Ruining Your Gradients (And How to Fix It with OKLCH)
If you're still generating color gradients using basic HEX codes or standard RGB/HSL color pickers,...
Core Web Vitals: How to Fix Them
Dev.to · Joseph Anady 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Core Web Vitals: How to Fix Them
Learn what Core Web Vitals measure and how to fix page speed, layout shifts, and responsiveness without hurting the site.
Common UI/UX Design Mistakes Beginners Make in Figma
Dev.to · JustAcademy Official 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Common UI/UX Design Mistakes Beginners Make in Figma
Many beginner UI/UX designers spend hours making interfaces look visually attractive but still...
The fastest way to kill adoption is forcing users to think like the system.
Dev.to · Vishal Koriya 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
The fastest way to kill adoption is forcing users to think like the system.
Most systems expect people to follow strict flows: Click here Fill this first Use exact terms Follow...
Stop Blank Screens: Streaming UIs in Next.js App Router ⚡
Dev.to · Prajapati Paresh 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Stop Blank Screens: Streaming UIs in Next.js App Router ⚡
The Server-Side Rendering (SSR) Bottleneck Server-Side Rendering is incredible for SEO and security....
How I Bypassed Clunky Software to Extract Sharp Line Art Directly in the Browser
Dev.to · Joe 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How I Bypassed Clunky Software to Extract Sharp Line Art Directly in the Browser
Every designer, illustrator, or hobbyist working with laser engraving and tattoo stencils eventually...
Visual Search Optimization
Dev.to · Joseph Anady 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Visual Search Optimization
Originally published at thatdevpro.com. This framework reference is part of the 14-tier Engine...
UX for SEO
Dev.to · Joseph Anady 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
UX for SEO
Originally published at thatdevpro.com. This framework reference is part of the 14-tier Engine...
Kiro Did It: Build a Simple Portfolio Website with Kiro IDE | From Prompt to HTML Prototype
Dev.to · Girish Bhatia 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Kiro Did It: Build a Simple Portfolio Website with Kiro IDE | From Prompt to HTML Prototype
Hi! I’m Girish, an AWS Community Builder and Cloud Technology Enthusiast with expertise in delivering...
Form Optimization
Dev.to · Joseph Anady 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Form Optimization
Originally published at thatdevpro.com. This framework reference is part of the 14-tier Engine...
🌍 RTL Arabic Style UI
Dev.to · Naimesh Rao 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
🌍 RTL Arabic Style UI
👉 https://codepen.io/naimeshrao/full/VYmzXwO Left-to-right is not the whole internet 😄 Create a...
⌛ Modern Skeleton Loading
Dev.to · Naimesh Rao 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
⌛ Modern Skeleton Loading
👉 https://codepen.io/naimeshrao/full/NPbjwwz Users hate waiting… but stylish fake loading somehow...
🎬 Animated UI with Lottie
Dev.to · Naimesh Rao 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
🎬 Animated UI with Lottie
👉 https://codepen.io/naimeshrao/full/raWzJwm Why use giant videos when tiny JSON animations can do...
What Uniswap, Phantom, and Rainbow Did That Nobody Else Copied
Dev.to · soma ryuu 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
What Uniswap, Phantom, and Rainbow Did That Nobody Else Copied
Three products define Web3 design. Everyone references them. Almost nobody copies the actual decision that made them work.
The 15-Minute Audit Every Web3 App Needs Before It Launches
Dev.to · soma ryuu 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
The 15-Minute Audit Every Web3 App Needs Before It Launches
A practical checklist for catching the UX failures that no smart contract audit covers, before your users find them.
Why Web3 Founders Keep Getting Ghosted by Good Designers (And How to Fix It)
Dev.to · soma ryuu 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why Web3 Founders Keep Getting Ghosted by Good Designers (And How to Fix It)
The design talent shortage in Web3 is not about money. It is about the conditions teams create before they hire.
I Built a Free Sticker Maker Because Every Other One Hid the Export
Dev.to · MakeMyStickers 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I Built a Free Sticker Maker Because Every Other One Hid the Export
Every "free" sticker and label maker I tried did one of three things: forced a signup, stamped a...
Klein Blue looked right in Figma. On a dark terminal, it vanished.
Dev.to · J Now 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Klein Blue looked right in Figma. On a dark terminal, it vanished.
Yves Klein's IKB — hex 002FA7 — has an APCA lightness contrast of Lc -12 on a dark background. That's...
🪄 Form Arrays: The Senior Way to Build UI in Angular
Dev.to · ABDELAAZIZ OUAKALA 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
🪄 Form Arrays: The Senior Way to Build UI in Angular
Static forms break down as applications become workflow-driven. Learn how senior Angular developers use FormArray to build scalable, composable, enterprise-grad
Fix the Notch: How to Stop macOS Hiding Your Menu Bar Icons
Dev.to · Shawon Saha 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Fix the Notch: How to Stop macOS Hiding Your Menu Bar Icons
The notch on modern MacBooks gives us beautiful, near-borderless displays. But for heavy...
Tailwind CSS Component Slots in React 19: Building Flexible, Reusable UI Without Prop Drilling Hell
Dev.to · Ugur Aslim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Tailwind CSS Component Slots in React 19: Building Flexible, Reusable UI Without Prop Drilling Hell
Design a component composition pattern using React 19's children and Tailwind CSS that eliminates prop-drilling for styling, supports composition without wrappe
Drawing with CSS: Creating Complex Icons Without Using SVG
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Drawing with CSS: Creating Complex Icons Without Using SVG
Drawing with CSS: Creating Complex Icons Without Touching SVG Grab your coffee, pull up a chair, and...
I Got Tired of Heavy Design Tools😩… So I Built My Own
Dev.to · Mohamed Ibrahim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I Got Tired of Heavy Design Tools😩… So I Built My Own
Like the title says, I got tired of heavy design tools… so I built my own. I wanted something...
Show HN: I Built a Free Grindr Alternative — No Ads, No Paywalls, Just Men Connecting
Dev.to · Embyr Dating 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Show HN: I Built a Free Grindr Alternative — No Ads, No Paywalls, Just Men Connecting
I got tired of Grindr. The ads, the paywalls, the endless subscriptions just to see who liked you. So...
Picking black or white text: a tiny trained model vs WCAG luminance
Dev.to · adousa 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Picking black or white text: a tiny trained model vs WCAG luminance
If your UI lets users pick their own colors — tags, labels, calendar events, avatars generated from a...
I Got Tired of Heavy Design Tools… So I Built My Own 😩
Dev.to · Mohamed Ibrahim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I Got Tired of Heavy Design Tools… So I Built My Own 😩
Like the title says, I got tired of heavy design tools… so I built my own. I wanted something...
Build a streaming UI without overcomplicating it
Dev.to · Vimal 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Build a streaming UI without overcomplicating it
If you are building a UI that needs to show progress, logs, or live updates, you do not need to jump...
Glyph v0.2: the release is the joinery
Dev.to · Truffle 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Glyph v0.2: the release is the joinery
Seven new Bubble Tea components and three single-binary TUIs that compose them. A note on why the unit test for a component library is the demo, not the catalog
Mathematical Functions in CSS: clamp, min, max and How They Simplify Responsiveness
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Mathematical Functions in CSS: clamp, min, max and How They Simplify Responsiveness
The Math Cure for Your Layout Headaches Grab a cup of coffee and let's have a real talk about...
OPRIX : From a simple messaging web app to a well structured and enhanced UI messaging web app
Dev.to · sano.senxpai 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
OPRIX : From a simple messaging web app to a well structured and enhanced UI messaging web app
This is a submission for the GitHub Finish-Up-A-Thon Challenge What I Built Oprix –...
Why WCAG ratios misled me building a dark terminal theme
Dev.to · J Now 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why WCAG ratios misled me building a dark terminal theme
I reached for WCAG contrast first. Checked IKB against my dark background, got a ratio above 3:1, and...
I've audited dozens of estate agency websites. The same 5 problems show up every single time.
Dev.to · Jibola Timothy Kolawole 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I've audited dozens of estate agency websites. The same 5 problems show up every single time.
Estate agency websites sit in an interesting category from a technical standpoint — high commercial...
Building Dynamic RBAC in React 19: From Permission Strings to Component-Level Access Control
Dev.to · Ugur Aslim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Building Dynamic RBAC in React 19: From Permission Strings to Component-Level Access Control
Design a type-safe permission layer that decouples role definitions from UI components, handles permission inheritance across tenant hierarchies, and gracefully
How To Build an Image Cropper in Browser (Simple Steps)
Dev.to · Bina Kumari 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How To Build an Image Cropper in Browser (Simple Steps)
📄 How To Build an Image Cropper in Browser (Simple Steps) Building front-end utilities...
Why Country/State/City Pickers Are Weirdly Hard
Dev.to · shan kulkarni 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why Country/State/City Pickers Are Weirdly Hard
What looks like three simple dropdowns quickly turns into caching, async state management, accessibility, and constantly changing location data.
How does VuReact compile Vue 3's defineExpose() to React?
Dev.to · Ryan John 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How does VuReact compile Vue 3's defineExpose() to React?
VuReact is a compiler toolchain for migrating from Vue to React — and for writing React with Vue 3...
A clean Bootstrap 5 form with floating labels, for a superior user experience.
Dev.to · Razvan Zamfir 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
A clean Bootstrap 5 form with floating labels, for a superior user experience.
Clean Bootstrap 5 Form with Floating Labels ...
Clean Lap: UI Testing in Compose Multiplatform
Dev.to · KMP Bits 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Clean Lap: UI Testing in Compose Multiplatform
In qualifying, the data engineer doesn't wait for Sunday to find out something was wrong. By the time...
Brand Identity Design Service
Dev.to · Real Macways 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Brand Identity Design Service
Brand Identity Design Service https://www.realmacways.com/brand-identity-design-service/ Real...
Stop Tab-Switching: A Developer's Guide to Color Tools That Actually Fit the Workflow
Dev.to · Ilovehue 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Stop Tab-Switching: A Developer's Guide to Color Tools That Actually Fit the Workflow
Every developer building UI eventually hits the same problem: you're constantly switching tabs for...
How to turn text into colors (without AI)
Dev.to · Alexandr 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How to turn text into colors (without AI)
You definitely know that you can generate an image from text by simply feeding the prompt to Nano...
Why Mobile Users Leave a Website Within Seconds
Dev.to · Hao Notes 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why Mobile Users Leave a Website Within Seconds
Why Mobile Users Leave a Website Within Seconds It's rarely about the content. Usually,...
What AI Can't Understand About Your Users — And Why That Matters for Your Career
Dev.to · Micky C 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
What AI Can't Understand About Your Users — And Why That Matters for Your Career
AI can analyze behavior data. It can't watch a user give up on your form and understand why. User research is an AI-resistant skill — here's why it matters more
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...