Tech Skills

UI/UX Design

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

14,757
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,568) Articles (2760)Blog Posts (3166)Tutorials (232)Research Papers (11)News (399)
How Visual Feedback Becomes Structured Design Changes
Dev.to · Xu Bian 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How Visual Feedback Becomes Structured Design Changes
Explains how screenshots, renderings, and top views should become structured repair actions instead of another pile of untracked opinions.
A Designer's Core Value Is Judgment, Not Faster Drafting
Dev.to · Xu Bian 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
A Designer's Core Value Is Judgment, Not Faster Drafting
Discusses how AI moves designer value from low-level execution toward goals, constraints, feedback, and version judgment.
AI Workbench for Designers: How Designers Should Work With AI
Dev.to · Xu Bian 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
AI Workbench for Designers: How Designers Should Work With AI
Explains why AI tools for designers should behave as durable workbenches, not just chatbots, image generators, or automatic drafting plugins.
**Premium Music Camp Poster Design: Boost Your Event's Success** - A Comprehensive Guide for Tech Professionals and Business Decision-Makers
Dev.to · AI Businessman 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
**Premium Music Camp Poster Design: Boost Your Event's Success** - A Comprehensive Guide for Tech Professionals and Business Decision-Makers
# **Premium Music Camp Poster Design: Boost Your Event's Success** - A Comprehensive Guide for Tech...
Why I Started Thinking About Workspace Design Differently
Dev.to · Charlene Demarte 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why I Started Thinking About Workspace Design Differently
Over the past few weeks, I’ve been experimenting with workspace organization, attention, and...
The creation of Power Bar in Astrocot (an astrology system).
Dev.to · Alish Giri 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
The creation of Power Bar in Astrocot (an astrology system).
I created a command bar (Power Bar) to control the system (Sky Chart) using readable text instead of...
From Humanities to Cloud: The New Bridge Between Technology, Business, and People
Dev.to · David Sebastián Barrera Gaona 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
From Humanities to Cloud: The New Bridge Between Technology, Business, and People
What if the future of humanities careers was not far from technology, but right at the center of...
I Thought Portfolios Weren't for People Like Me. So I Built a Wiki Instead.
Dev.to · Roger Castro 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I Thought Portfolios Weren't for People Like Me. So I Built a Wiki Instead.
For a long time I operated under a quiet assumption: portfolios are for developers. They're for...
Auto-generating Tailwind config from Figma variables via GitHub Actions
Dev.to · Alexander 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Auto-generating Tailwind config from Figma variables via GitHub Actions
The Slack message that started it all "Hey Alex, the new brand colours are not working in...
Hyu-Sync, my fun side project
Dev.to · Brendon O'Neill 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Hyu-Sync, my fun side project
Hyu-Sync This website is here to help people pick colours for their projects. It includes a colour...
My React Folder Structure (Opinionated but Works)
Dev.to · Sohana Akbar 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
My React Folder Structure (Opinionated but Works)
TL;DR: Stop throwing everything into components/. After 6 production apps and 3 burned-out refactors,...
Visual regression testing: the missing piece in your testing stack
Dev.to · Andrés Clúa 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Visual regression testing: the missing piece in your testing stack
In agencies, testing exists but it's mostly manual. Someone opens the site before deploy, clicks...
How to Refactor Your React Components for RTL Languages
Dev.to · Fuqiao Xue 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How to Refactor Your React Components for RTL Languages
Internationalizing a React application is not just a matter of translating strings. For Arabic,...
😡 Your streaming UI stole my scroll
Dev.to · Adam Marsden 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
😡 Your streaming UI stole my scroll
Raw markdown: Hey hey! 👋 Streaming response UI is great and all but when I scroll back up to check...
Building 2 SwiftUI apps in parallel: TipJar Now + HabitHash dual launch
Dev.to · 孫昊 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Building 2 SwiftUI apps in parallel: TipJar Now + HabitHash dual launch
dev.to article #28 (paste-ready) — Building 2 SwiftUI apps in parallel: TipJar Now +...
How I Built a Travel Booking Landing Page That Actually Converts (Real Project Breakdown)
Dev.to · Chris Hodge 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How I Built a Travel Booking Landing Page That Actually Converts (Real Project Breakdown)
Most landing page tutorials use fictional examples. This one doesn't. A few months ago, a small...
Improving User Input: 8+ Functional Shadcn Slider Examples
Dev.to · Sanjay Joshi 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Improving User Input: 8+ Functional Shadcn Slider Examples
Sliders are one of those UI components that seem simple but become very useful in real...
I Thought Dark Mode Was a 30-Minute Task. It Turned Into a Full Refactor
Dev.to · Marsha Teo 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I Thought Dark Mode Was a 30-Minute Task. It Turned Into a Full Refactor
I thought adding dark mode would take 30 minutes. It broke my website. Problem 1:...
Why Multi-Step Forms Outperform Long Single-Page Forms for Complex Signups
Dev.to · 137Foundry 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why Multi-Step Forms Outperform Long Single-Page Forms for Complex Signups
When a product team discovers that their signup flow has a low completion rate and the solution of...
Hey everyone,

I just published an npm package with ready-to-use design systems and skills for Open Design (nexu-io/open-design).

What's inside:

🎨 28 Design Systems
- Indian market: swiggy, zomato, phonepe, airtel, boAt, pharmeasy, fintech-india, edtech
Dev.to · NotLeaped84 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Hey everyone, I just published an npm package with ready-to-use design systems and skills for Open Design (nexu-io/open-design). What's inside: 🎨 28 Design Systems - Indian market: swiggy, zomato, phonepe, airtel, boAt, pharmeasy, fintech-india, edtech
A post by NotLeaped84
WCAG Color Contrast: Why Your UI Might Be Failing Accessibility Tests
Dev.to · Snappy Tools 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
WCAG Color Contrast: Why Your UI Might Be Failing Accessibility Tests
You've probably seen accessibility audits flag contrast ratio failures. Maybe Lighthouse gives your...
Why We Chose Next.js Over Everything Else for Client Projects
Dev.to · Savage Solutions 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why We Chose Next.js Over Everything Else for Client Projects
Why We Chose Next.js Over Everything Else for Client Projects When we started working with...
Lighthouse Said It Was Fast. My Users Kept Clicking the Same Button.
Dev.to · Shubhra Pokhariya 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Lighthouse Said It Was Fast. My Users Kept Clicking the Same Button.
The bug wasn’t performance. It was silence. I ran into this while building a Next.js...
Structure, Code, and Accessibility: Building with Purpose
Dev.to · Noah 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Structure, Code, and Accessibility: Building with Purpose
Most of my work starts with a simple idea: if something is clear, predictable, and well-structured,...
Building MoonSound: a SwiftUI desk clock with audio, widgets, Live Activities and iCloud sync
Dev.to · MN IN 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Building MoonSound: a SwiftUI desk clock with audio, widgets, Live Activities and iCloud sync
I recently shipped MoonSound, an iOS app that combines a full-screen clock, a white-noise mixer and...
5 ARIA mistakes that make accessibility worse, not better
Dev.to · a11ySolutions 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
5 ARIA mistakes that make accessibility worse, not better
There's a rule in accessibility that doesn't get enough attention: No ARIA is better than bad...
Why the Design File No Longer Makes Sense
Dev.to · Nevena 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why the Design File No Longer Makes Sense
For years, the design-to-code workflow has relied on a quiet assumption: design lives somewhere else,...
Sisyphus would have loved Skip Links & Page Structure | Trusted Tester Study Group 6
Dev.to · Laura Wissiak, CPACC 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Sisyphus would have loved Skip Links & Page Structure | Trusted Tester Study Group 6
As we continue our journey toward becoming certified Trusted Testers, this session reinforced that...
Best Tools for Building a UI Design Style Guide That Scales With Your Product in 2026
Dev.to · Fan Song 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Best Tools for Building a UI Design Style Guide That Scales With Your Product in 2026
Product teams that skip the style guide pay for it later — across multiple sprints. Buttons appear in...
Try the MindMapVault FOSS Interactive Canvas (Privacy‑First, Local‑Only Mind Mapping)
Dev.to · Kornel Maraz 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Try the MindMapVault FOSS Interactive Canvas (Privacy‑First, Local‑Only Mind Mapping)
MindMapVault FOSS is a privacy‑first, local‑only mind‑mapping app with a minimalist canvas and zero...
Visual Infrastructure: Why Modern Brands are Industrializing Creative Production
Dev.to · Pixizen 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Visual Infrastructure: Why Modern Brands are Industrializing Creative Production
In the current digital economy, the bottleneck for scaling is rarely the code—it is the creative...
Beyond Translation: Mastering RTL Layouts with i18next and Radix UI
Dev.to · ömer koşar 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Beyond Translation: Mastering RTL Layouts with i18next and Radix UI
Translating your app is easy. Localizing your User Experience is the real challenge. When we talk...
I Asked AI to Build a Design System. It Broke Its Own Rules in One Prompt.
Dev.to · Emilia Veras 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I Asked AI to Build a Design System. It Broke Its Own Rules in One Prompt.
Design systems exist to keep products consistent. So what happens when the system and the product are...
5 Type Scales I Use in 2026 (And the One I Quietly Dropped)
Dev.to · RAXXO Studios 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
5 Type Scales I Use in 2026 (And the One I Quietly Dropped)
Major-third 1.250 stays my default for product UI because it scales without drama Perfect-fourth...
Designers Should Think, Not Draft
Dev.to · Xu Bian 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Designers Should Think, Not Draft
A product and workflow essay arguing that AI should reduce low-level drafting work so designers can focus on intent, judgment, constraints, and tradeoffs.
Lithos UI: The Neo-Brutalist React Library (100% Free & Open Source)
Dev.to · IncredibleStand 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Lithos UI: The Neo-Brutalist React Library (100% Free & Open Source)
Lithos UI is a ** production-ready**, Neo-Brutalist React component library designed for high-impact,...
Graphic Design for Content Creators: A Data-Backed Analysis
Dev.to · ANKUSH CHOUDHARY JOHAL 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Graphic Design for Content Creators: A Data-Backed Analysis
In 2024, content creators spent 14.7 hours per week on average adjusting graphic design assets, with...
🚀 Stop Building Boring Web Apps! 5 UI/UX Cheats for Developers (No Design Degree Required)
Dev.to · Ujjwal Sharma 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
🚀 Stop Building Boring Web Apps! 5 UI/UX Cheats for Developers (No Design Degree Required)
Hey Devs! 👋 Be honest, how many times have you written buttery-smooth backend logic, structured the...
Rethinking Icon Workflows from Figma to Production
Dev.to · Muhammad Mousa 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Rethinking Icon Workflows from Figma to Production
Rethinking Icon Workflows from Figma to Production Lately, I’ve been experimenting with...
Building Retro UIs with React: A Pixel Art Component Library Tutorial
Dev.to · Muhammad Yazed Jamaludin 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Building Retro UIs with React: A Pixel Art Component Library Tutorial
Building Retro UIs with React: A Pixel Art Component Library Tutorial Remember the golden...
Day 74: Use Glassmorphism and Narrative to Tame Your AI App First-Log-In Latency
Dev.to · Eric Rodríguez 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Day 74: Use Glassmorphism and Narrative to Tame Your AI App First-Log-In Latency
When building AI-powered apps, GenAI is not the only source of latency. External banking APIs,...
How I Built a Scalable i18n System in Nuxt 3 — Rolling Out New Languages One Page at a Time
Dev.to · Genglin Zheng 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How I Built a Scalable i18n System in Nuxt 3 — Rolling Out New Languages One Page at a Time
I run BulkPicTools — a browser-based image tools site with 38 landing pages, all processing happening...
Creating 3D Effects and Transformations with CSS
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Creating 3D Effects and Transformations with CSS
Bringing Depth to the Flat Web: Mastering 3D CSS Transformations Ever looked at a high-end SaaS...
FID Is Dead. What INP Means for Your React App.
Dev.to · nosyos 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
FID Is Dead. What INP Means for Your React App.
In March 2024, Google replaced First Input Delay with Interaction to Next Paint as an official Core...
UI Testing Automation: Why You Should Stop Writing Tests by Hand
Dev.to · Engroso 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
UI Testing Automation: Why You Should Stop Writing Tests by Hand
UI tests are one of the most valuable things you can have in a production codebase. They catch what...
Don't Make Me Think, Role of Colour in UX
Dev.to · Asmaa Almadhoun 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Don't Make Me Think, Role of Colour in UX
In Don't Make Me Think, Steve Krug introduces the concept of self-explanatory design. The idea is...
Best React Gantt Chart Libraries for Project Management Apps
Dev.to · Marina Char. 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Best React Gantt Chart Libraries for Project Management Apps
Can modern project management apps and platforms do without Gantt charts and still provide the...
I vibe coded a Design System! See it here! https://ice-design-system.vicentereyes.org See the landing page here https://ds.vicentereyes.org
Dev.to · Vicente G. Reyes 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I vibe coded a Design System! See it here! https://ice-design-system.vicentereyes.org See the landing page here https://ds.vicentereyes.org
ice-design-system.vicentereyes.org ...