Tech Skills

UI/UX Design

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

14,821
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,629) Articles (2788)Blog Posts (3180)Tutorials (251)Research Papers (11)News (399)
Unit Testing in React Using Vitest — A Practical Guide
Dev.to · Alok Kumar 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Unit Testing in React Using Vitest — A Practical Guide
In the previous article, we explored the fundamentals of unit testing in JavaScript — what it is, why...
Modern UX Is About Removing Decisions, Not Adding Features
Dev.to · Rohith 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Modern UX Is About Removing Decisions, Not Adding Features
For many years, software was built with a simple assumption: More features create better...
Day 59 of #100DayOfCode — Styling the Task Management App
Dev.to · M Saad Ahmad 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Day 59 of #100DayOfCode — Styling the Task Management App
Yesterday on Day 58, I built a Task Manager app with Next.js, MongoDB, and Server Actions. The app...
Stop Chasing Scroll with JavaScript: A Deep Dive into CSS Scroll-Driven Animations
Dev.to · Tu codigo cotidiano 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Stop Chasing Scroll with JavaScript: A Deep Dive into CSS Scroll-Driven Animations
I published a deep-dive guide about CSS scroll-driven animations and how they change the...
Mobile App Theming Explained: The Art and Science of Creating Engaging App Experiences
Dev.to · Amara Okoye 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Mobile App Theming Explained: The Art and Science of Creating Engaging App Experiences
I have learned that mobile app theming is much more than just changing up colors or tapping a dark...
The Best Web Apps Feel Like Conversations
Dev.to · Rohith 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
The Best Web Apps Feel Like Conversations
The best web applications do not feel like software. They feel like conversations. You open the...
Cursor + Claude: stop shipping flaky UI states
Dev.to · Sathish 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Cursor + Claude: stop shipping flaky UI states
I use Cursor + Claude to generate state diagrams, not random code. I convert UI states into a typed...
From 3 components to 8: what actually changes when a design system scales
Dev.to · venkatesh m 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
From 3 components to 8: what actually changes when a design system scales
When flintwork had 3 components (Button, Dialog, Tabs), every component was its own island. Each one...
Frontend Development Is Turning Into Behavior Engineering
Dev.to · Rohith 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Frontend Development Is Turning Into Behavior Engineering
Frontend development used to be about building interfaces. You created buttons, forms, navigation...
Design Tokens Are Not CSS Variables. Here's the Difference That Matters.
Dev.to · Andres Clavijo Reyes 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Design Tokens Are Not CSS Variables. Here's the Difference That Matters.
The Confusion Is Everywhere Ask ten frontend engineers what a design token is and nine of...
AI-Assisted Visual QA for Figma AEM Workflows
Dev.to · Stack Builders 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
AI-Assisted Visual QA for Figma AEM Workflows
Visual QA is one of those activities everyone agrees is important…right up until it becomes the...
UI & UX Design: The Backbone of Modern Digital Experience
Dev.to · Sonali Chaudhury 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
UI & UX Design: The Backbone of Modern Digital Experience
In today’s digital-first world, UI (User Interface) and UX (User Experience) design play a critical...
"🗓️ Simp1OS Dev Logs – The Sacred Texts of Simp1OS"
Dev.to · Arush Tripathi 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
"🗓️ Simp1OS Dev Logs – The Sacred Texts of Simp1OS"
The "Vision" (Literally) We decided that looking at a static screen was too easy. We wanted action....
Curing "Blank Canvas Syndrome" in my Flutter Web app 🗺️
Dev.to · rocketsquirreldev 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Curing "Blank Canvas Syndrome" in my Flutter Web app 🗺️
Curing "Blank Canvas Syndrome" in my Flutter Web app 🗺️ Hi DEV community! 👋 I've been...
Designing accessible color systems and ensuring contrast across themes
Dev.to · beefed.ai 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Designing accessible color systems and ensuring contrast across themes
Create accessible color systems that meet WCAG contrast across light/dark themes. Tools, tokens, and theming patterns for designers and developers.
Good UI Is Just Invisible Engineering
Dev.to · Rohith 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Good UI Is Just Invisible Engineering
When users say an app is “easy to use,” they are not talking about colors, buttons, or...
Building a 100% Client-Side PDF & Image Studio (Zero Server Uploads) 🚀
Dev.to · Shawn Goyena 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Building a 100% Client-Side PDF & Image Studio (Zero Server Uploads) 🚀
Hey everyone! 👋 As a CS student, I constantly need to merge PDFs, compress images, or extract text...
Adobe Firefly Review: Is It Worth It in 2026?
Dev.to · Tawan Shamsanor 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Adobe Firefly Review: Is It Worth It in 2026?
The Creative Catalyst: Unpacking Adobe Firefly in 2026 Imagine a design workflow where your...
Top Vue.js Development Companies Powering Scalable Frontend Systems
Dev.to · Rajesh Patel 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Top Vue.js Development Companies Powering Scalable Frontend Systems
Overview Vue.js has come a long way in becoming a preferred choice for developing...
How Web Design Shapes and Strengthens Brand Identity Over Time
Dev.to · Pixel Mosaic 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How Web Design Shapes and Strengthens Brand Identity Over Time
Introduction A brand is not just a name or a logo—it’s the overall perception people form...
The Future of Web Apps Is Fewer Buttons and More Intelligence
Dev.to · Rohith 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
The Future of Web Apps Is Fewer Buttons and More Intelligence
For years, web applications have followed a simple principle: Give users buttons so they can take...
Bring your ideas to life with free SVG & PNG icons from IconsGeek
Dev.to · Icons Geek 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Bring your ideas to life with free SVG & PNG icons from IconsGeek
Perfect for websites, apps, presentations, branding, and UI/UX projects. Download customizable icons...
How I Fixed Content Protection Without
Dev.to · NEXU WP 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How I Fixed Content Protection Without
UX- & Content-Schutzstrategie 7 Content-Schutzfehler, diedie Nutzererfahrung Ihrer Website zerstören Schlechter Schutz erfüllt zwei Aufgaben gleichzeitig: Er hä
Why Strong UX Makes Every Action Feel Intuitive and Purposeful
Dev.to · Pixel Mosaic 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Why Strong UX Makes Every Action Feel Intuitive and Purposeful
In today’s digital world, users don’t just interact with products—they experience them. Whether it’s...
Transforming Long WordPress Forms from Frustrating
Dev.to · NEXU WP 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Transforming Long WordPress Forms from Frustrating
Form UX & Conversion Optimization Top 7 Ways to Improve User Experience(UX) in Long WordPress Forms Long forms are not inherently bad. Badly designed long f
BRAND IDENTITY DESIGN SERVICE
Dev.to · My Design 360 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
BRAND IDENTITY DESIGN SERVICE
https://www.mydesign360.com/service/brand-identity-design-service/ BRAND IDENTITY DESIGN SERVICE If...
Material Symbols Picker: Variable Font Icon Picker
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Material Symbols Picker: Variable Font Icon Picker
Material Symbols Picker: a vanilla JavaScript library that attaches a full icon picker to any HTML...
“Technically There” Isn’t Enough: Designing for Accessibility in On-Chain Systems
Dev.to · Degenroll 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
“Technically There” Isn’t Enough: Designing for Accessibility in On-Chain Systems
In Web3, we often default to a simple principle: If it’s on-chain, it exists. Technically...
Shadcn DropDown menu Components
Dev.to · Vaibhav Gupta 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Shadcn DropDown menu Components
You click a dropdown expecting a quick action. Instead, you deal with focus bugs, broken keyboard...
The Hidden Cost of Website Templates Nobody Talks About
Dev.to · Wings Design Studio 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
The Hidden Cost of Website Templates Nobody Talks About
Website templates are one of the fastest ways to launch a website. With pre-designed layouts and...
Building HarshAI Day 7: Drag & Drop Workflow Builder
Dev.to · Harshallahare 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Building HarshAI Day 7: Drag & Drop Workflow Builder
Building HarshAI Day 7: Drag & Drop Workflow Builder (React Flow Tutorial) ...
The UI Is Lying to You and That’s a Good Thing
Dev.to · Rohith 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
The UI Is Lying to You and That’s a Good Thing
Users often assume good interfaces are simple. Click a button, and something happens instantly....
mindmapcn: Mind Map Component for shadcn/ui Projects
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
mindmapcn: Mind Map Component for shadcn/ui Projects
mindmapcn: a React mind map component that follows shadcn/ui conventions and installs through the...
Best AI Chat UI Kits & Chatbot Templates in 2026: 7 Options Compared
Dev.to · Gaurav Guha 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Best AI Chat UI Kits & Chatbot Templates in 2026: 7 Options Compared
Best AI Chat UI Kits & Chatbot Templates in 2026 Every product is adding an AI chat...
15 Accessible Website Examples That Get It Right in 2026
Dev.to · Gaurav Guha 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
15 Accessible Website Examples That Get It Right in 2026
15 Accessible Website Examples That Get It Right It's one thing to read WCAG guidelines....
Raise UX Cost-Effectively with Smart Default Values
Dev.to · tom-takeru 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Raise UX Cost-Effectively with Smart Default Values
Thoughtful defaults are a high-leverage way to lift UX while keeping delivery costs down. You can...
Apple Confirms Liquid Glass Is Here to Stay — And That's a Design Crime Against 2 Billion Users
Dev.to · TechPulse Lab 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Apple Confirms Liquid Glass Is Here to Stay — And That's a Design Crime Against 2 Billion Users
iOS 27 won't fix Liquid Glass. Apple is doubling down on a design language that prioritizes aesthetics over usability — and 2 billion users are paying the price
Your Web App Is Slowly Becoming a Chat Interface
Dev.to · Rohith 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Your Web App Is Slowly Becoming a Chat Interface
For years, web applications were built around pages, buttons, and forms. Users clicked through...
Roguelike Devlog: Redesigning a Game UI With an AI 2D Game Maker
Dev.to · Kyle M 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Roguelike Devlog: Redesigning a Game UI With an AI 2D Game Maker
Sector Scavengers is a spacefaring extraction roguelike where each run feeds a larger...
Browser vs Desktop: Why Pixel Art Tools Are Moving to the Web
Dev.to · Krila Software 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Browser vs Desktop: Why Pixel Art Tools Are Moving to the Web
The pixel art tool landscape is shifting. Aseprite has been the gold standard for years — a desktop...
PO-UI na Construção de Interfaces: Análise e Vantagens Estratégicas
Dev.to · Erick Martins 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
PO-UI na Construção de Interfaces: Análise e Vantagens Estratégicas
O desenvolvimento de interfaces modernas para sistemas de gestão exige um equilíbrio delicado entre...
How Safe Platforms and Smart User Experience Improve Online Entertainment
Dev.to · Alex Miller4827 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How Safe Platforms and Smart User Experience Improve Online Entertainment
How Safe Platforms and Smart User Experience Improve Online Entertainment Digital...
I built a zero-dependency CSS library with 9 built-in themes — here's why
Dev.to · nJ 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I built a zero-dependency CSS library with 9 built-in themes — here's why
I was building my tenth landing page this year. Same routine: open a new project, copy the button...
What Makes Our Logo Design Service Unique
Dev.to · Designer Pencil 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
What Makes Our Logo Design Service Unique
https://www.designerpencil.com/service/logo-design/ What Makes Our Logo Design Service Unique 🎯...
Mastering CSS Variables: A Quick Guide for Modern Devs
Dev.to · Long Nguyen 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Mastering CSS Variables: A Quick Guide for Modern Devs
Learn how to master CSS variables (custom properties) for scalable web design. Discover the var() function, root selectors, and dynamic theming techniques.
What Is WebP? Google's Modern Image Format Explained
Dev.to · Pixotter 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
What Is WebP? Google's Modern Image Format Explained
What Is WebP? Google's Modern Image Format Explained WebP is the image format Google built...
Doors Dubai: What Office Teams Learn About Noise, Privacy, and Layout After Move-In
Dev.to · SONO Windows & Doors 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Doors Dubai: What Office Teams Learn About Noise, Privacy, and Layout After Move-In
Most office fit-out decisions look simple until people start using the space every day. On paper, a...
Modern Web Apps Now Have Two Users: Humans and AI
Dev.to · Rohith 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Modern Web Apps Now Have Two Users: Humans and AI
For years, web applications were built for one type of user: humans. We designed clean UI, intuitive...