Tech Skills

UI/UX Design

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

14,806
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,614) Articles (2781)Blog Posts (3178)Tutorials (245)Research Papers (11)News (399)
Core Web Vitals Başarı Hikayeleri: Gerçek Dünya Örnekleri
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Core Web Vitals Başarı Hikayeleri: Gerçek Dünya Örnekleri
Core Web Vitals: Başarı Hikayeleri Core Web Vitals Nedir? Core Web Vitals, kullanıcı deneyimini...
Designing CommandHQ The Perfect Admin Panel
Dev.to · Elon Richardson 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Designing CommandHQ The Perfect Admin Panel
The Challenge of Admin Panels Designers love consumer web interfaces. They are flashy,...
E-Ticaret Tasarımında Ürün Kartı Görünümü ve İndirim Etiketleri
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
E-Ticaret Tasarımında Ürün Kartı Görünümü ve İndirim Etiketleri
E-Ticaret Tasarımında Ürün Kartı Görünümü ve İndirim Etiketleri, çevrimiçi satışlarınızı artırmak...
How to Write Alt Text That Screen Readers Actually Find Useful (With 15 Examples)
Dev.to · AgentKit 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How to Write Alt Text That Screen Readers Actually Find Useful (With 15 Examples)
Originally published at A11yFix. i used to think alt text was simple. describe what you see, move...
Braves Booth — Idle Recap, Dashboard Density, and AI Pitcher Narratives
Dev.to · Jeremy Longshore 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Braves Booth — Idle Recap, Dashboard Density, and AI Pitcher Narratives
Refactoring the Braves broadcast dashboard idle view, eliminating sub-10px fonts, and replacing duplicated AI narrative logic with a structured buildPitcherFact
The easiest way to make butterfly animation without writing a single line of CSS or JS! 🚀
Dev.to · butterfly css blog 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The easiest way to make butterfly animation without writing a single line of CSS or JS! 🚀
Want to make your elements fly like a real butterfly? 🌸 Forget about long class names or messy...
Accessibility testing: what automated scanners keep missing
Dev.to · Tudor Brad 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Accessibility testing: what automated scanners keep missing
Automated tools catch roughly a third of WCAG issues. Here's what slips through, and the client audits that proved it the hard way.
The accessibility lawsuit that almost happened, and what we learned from the audit
Dev.to · Tudor Brad 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The accessibility lawsuit that almost happened, and what we learned from the audit
A client got a legal demand letter over inaccessible forms. We ran the audit. 67 violations, most of them fixable in a week. Here's what we found and what it ch
AI Can Generate Designs But Can It Replace a UI UX Design Agency?
Dev.to · ZeeFrames 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
AI Can Generate Designs But Can It Replace a UI UX Design Agency?
Why This Question Is Being Asked Right Now You’ve seen the demos. A product manager types...
What if infinite scroll had nothing to scroll through?
Dev.to · Frederic Eltschinger 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
What if infinite scroll had nothing to scroll through?
I built a website with no content on purpose It’s called futile.ch. You open it on mobile. You...
Title: What Makes a Smart UI design for an e-Commerce dashboard that Teams Actually Use
Dev.to · Design Monks 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Title: What Makes a Smart UI design for an e-Commerce dashboard that Teams Actually Use
Running an online store is not easy. You need to track sales, stock, and customer actions all the...
Building a Simple Product Card Interface Using HTML, CSS, and JavaScript
Dev.to · Vinayagam 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Building a Simple Product Card Interface Using HTML, CSS, and JavaScript
Simple Product Card Using HTML, CSS, and JavaScript In this small project, I created a...
Mastering AI Chat Interface Design: A Comprehensive Guide for Maximizing User Engagement in 2026
Dev.to · Ai Chan 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Mastering AI Chat Interface Design: A Comprehensive Guide for Maximizing User Engagement in 2026
Unlock the potential of AI tools and transform chat interfaces! Discover our comprehensive guide for maximizing user engagement in 2026 - boost conversions now!
What Is WCAG 2.1 AA? A Plain-Language Guide for Developers and Product Teams
Dev.to · Gaurav Guha 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
What Is WCAG 2.1 AA? A Plain-Language Guide for Developers and Product Teams
What Is WCAG 2.1 AA? WCAG 2.1 AA is a set of technical standards that define how to make...
Enterprise UX Patterns: Designing Internal Apps for High Productivity
Dev.to · Vinny Jiménez 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Enterprise UX Patterns: Designing Internal Apps for High Productivity
Lee este APEX Insight en Español. The Pain of the "Captive Audience" When the CIO of a...
Virtual DOM vs Real DOM : Understand in 3 Minutes
Dev.to · Hongster 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Virtual DOM vs Real DOM : Understand in 3 Minutes
Problem Statement Understanding the Virtual DOM vs. Real DOM means knowing why modern...
I Built My Personal Site Like a Living Studio: Meet xandertaylor.org
Dev.to · Xander Taylor 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I Built My Personal Site Like a Living Studio: Meet xandertaylor.org
I’m Xander Taylor, a young founder and creative from the UK. I’m building products, brands, and...
The End of Checkbox Accessibility
Dev.to · Dave Sirota 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The End of Checkbox Accessibility
By David Sirota, Founder & CEO, ROLLIN There's a field on Google Maps called "Wheelchair...
How to integrating Tailwind CSS with Svelte
Dev.to · HyperCode 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How to integrating Tailwind CSS with Svelte
If you've been tinkering with web development, you might have come across Svelte and Tailwind CSS....
When Your UX Only Fits Two Sizes
Dev.to · Paulo Henrique 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
When Your UX Only Fits Two Sizes
A few years ago, right before the pandemic hit, I was trying to buy clothes online. Nothing fancy,...
Magnify Your Choices: A Fisheye Select Component for Mantine
Dev.to · Giovambattista Fazioli 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Magnify Your Choices: A Fisheye Select Component for Mantine
A select component where items magnify under your cursor -- macOS Dock-style -- built for Mantine...
Optimizing Black Screen Visuals for Performance with Canvas
Dev.to · Alex Chen 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Optimizing Black Screen Visuals for Performance with Canvas
When designing interactive visual content, rendering black screen effects efficiently is often a...
Web Development Services | Custom Websites for Your Business
Dev.to · Convey Tech Labs Marketing 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Web Development Services | Custom Websites for Your Business
We build fast, responsive, and SEO-friendly websites tailored to your business needs. From design to...
Catlux – Painting Services & Renovation WordPress Elementor Template Kit | Decorator, House Painter Website
Dev.to · MD Tahzib Hossain 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Catlux – Painting Services & Renovation WordPress Elementor Template Kit | Decorator, House Painter Website
Build a Painting Services Website Faster For developers and freelancers, using pre-built templates...
I Tested Canva AI — Here's Why It's a Game Changer
Dev.to · Yuravolontir 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I Tested Canva AI — Here's Why It's a Game Changer
I Tested Canva AI — Here's Why It's a Game Changer I've tested dozens of AI tools, and...
Website Designing Company in Dehradun
Dev.to · Aucourant Technologies 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Website Designing Company in Dehradun
In the rapidly changing digital world today, an effective online presence is no longer a choice but a...
UI vs UX Design: Key Differences Every Beginner Should Know
Dev.to · Elite Web Solutions 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
UI vs UX Design: Key Differences Every Beginner Should Know
Introduction Understanding the difference between UI and UX is essential for anyone starting in...
Design Trend Intelligence with Dribbble Data
Dev.to · agenthustler 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Design Trend Intelligence with Dribbble Data
Web scraping design platforms like Dribbble opens up a treasure trove of creative data — from...
Create a Website for Your Business for FREE Using HTML Templates
Dev.to · UI Junkie 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Create a Website for Your Business for FREE Using HTML Templates
In an era where consumers judge a business by its website, having a professional online presence is...
Stop wasting time refactoring UI code over and over. I wrote a guide on using Claude Code + Pencil to design your app screens BEFORE you start developing. It's a game-changer for frontend workflows.
Dev.to · Tomer Raitz 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Stop wasting time refactoring UI code over and over. I wrote a guide on using Claude Code + Pencil to design your app screens BEFORE you start developing. It's a game-changer for frontend workflows.
How To Create UI Design With AI ...
Why I Design in Figma Like I’m Already Writing the React Code
Dev.to · Hamza Farooqi 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Why I Design in Figma Like I’m Already Writing the React Code
As a developer who spends half my day in Figma and the other half in VS Code, I’ve realized one...
The Art of Forgetting in an Age of Perfect Memory
Dev.to · HYPHANTA 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The Art of Forgetting in an Age of Perfect Memory
The best art comes from forgetting. A painter who remembered every brushstroke would never risk a new...
Your Vibe-Coded App Looks Ugly. Here's What I Did About It.
Dev.to · @kiwibreaksme 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Your Vibe-Coded App Looks Ugly. Here's What I Did About It.
I wrote 69 design rules and taught AI to think like a designer. Now my vibe-coded UI actually looks professional.
Add Sleek, Animated Toast Notifications to Your App with Tailwind CSS (Free Component)
Dev.to · Codebar Library 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Add Sleek, Animated Toast Notifications to Your App with Tailwind CSS (Free Component)
Building a custom toast notification system can be surprisingly tricky. You have to handle...
Stop Building Static Websites Your Users Are Already Expecting This in 2026
Dev.to · Bhavya Kapil 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Stop Building Static Websites Your Users Are Already Expecting This in 2026
Imagine landing on a website that instantly adjusts itself based on how you scroll, click, or even...
Building a Browser-Based Pixel Beads Pattern Generator
Dev.to · monkeymore studio 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Building a Browser-Based Pixel Beads Pattern Generator
Introduction In this article, we'll explore how to implement a browser-based tool that...
Why CSS Never Matches Figma: Browser vs Canvas Pipelines
Dev.to · Ashish Kumar 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Why CSS Never Matches Figma: Browser vs Canvas Pipelines
Browsers share one CSS model; Figma uses WASM and GPU shaders. Where design-to-code breaks: radius, strokes, blur, gap, and what to verify before you build.
Building a Browser-Based Image Cropping Tool
Dev.to · monkeymore studio 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Building a Browser-Based Image Cropping Tool
Introduction In this article, we'll explore how to implement a fully client-side image...
Building a Browser-Based Image Compression Tool
Dev.to · monkeymore studio 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Building a Browser-Based Image Compression Tool
Introduction In this article, we'll explore how to implement a fully client-side image...
Shape Your Own UX with AI
Dev.to · Volodymyr Yepishev 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Shape Your Own UX with AI
Someone once said everyone is a developer now. However hyperbolic the statement might be, modern AI...
minimal_notes_ui_kit
Dev.to · Alejo Doubik 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
minimal_notes_ui_kit
🚀 Minimal Notes UI Kit – Flutter Build a beautiful notes app in minutes, not hours. This minimal...
Best AI Tools for Designers in 2026
Dev.to · Tawan Shamsanor 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Best AI Tools for Designers in 2026
<!DOCTYPE html> Best AI Tools for Designers in 2026 - HubAI...
Free Color Palette Generator API — Harmonies, Gradients & WCAG Contrast Check
Dev.to · miccho27 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Free Color Palette Generator API — Harmonies, Gradients & WCAG Contrast Check
Building a Design System? Start with Colors. Picking colors that work together is harder...
I Scanned 42 US Government Websites Two Weeks Before the ADA Title II Deadline
Dev.to · Aleksandr Moon 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I Scanned 42 US Government Websites Two Weeks Before the ADA Title II Deadline
What 42 Government Websites Actually Look Like On April 24, 2026, a piece of the ADA that...
# I Spent Weeks Designing Two Interface Systems That Don't Exist Yet — Here's the Full Technical Breakdown (with working HTML demo)
Dev.to · PEACEBINFLOW 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
# I Spent Weeks Designing Two Interface Systems That Don't Exist Yet — Here's the Full Technical Breakdown (with working HTML demo)
Tags: #design #mathematics #ai #interfacedesign #generative #emergence #javascript #webdev...
Is Excalidraw Private? Free Online Whiteboard, No Login
Dev.to · NoLoginTools 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Is Excalidraw Private? Free Online Whiteboard, No Login
Excalidraw encrypts collaboration with keys that never leave your browser. Learn how this free whiteboard keeps your diagrams private by design.
ARIA Labels Done Wrong: The Most Common Mistakes I See in Production Code
Dev.to · Priya Nair 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
ARIA Labels Done Wrong: The Most Common Mistakes I See in Production Code
ARIA Labels Done Wrong: The Most Common Mistakes I See in Production Code Meta: ARIA is...
I Audited My Own Portfolio for WCAG 2.2 — Here's What I Found in 30 Minutes
Dev.to · Priya Nair 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I Audited My Own Portfolio for WCAG 2.2 — Here's What I Found in 30 Minutes
I Audited My Own Portfolio for WCAG 2.2 — Here's What I Found in 30 Minutes Meta: I...