Tech Skills
UI/UX Design
User research, Figma, wireframing, design systems, prototyping and usability
Skills in this topic
4 skills — Sign in to track your progress

Dev.to · Marcus Rowe
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Anthropic Just Launched Claude Design — And Figma Should Be Worried
Claude Design generates prototypes, pitch decks, and UI mockups from a text prompt — and it landed t

Dev.to · Leslie Herrera
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
El Curb Cut Effect: Por qué la accesibilidad no es un favor, es arquitectura básica
Hacer software accesible no es caridad, es calidad. Descubre cómo el diseño universal beneficia a todos los usuarios.

Dev.to · byeval
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Stop Exporting The Viewport: How Zoomed Image Editors Map Back To Original Pixels
How to separate viewport transforms from source-pixel geometry so zoomed image editors still export correctly.

Dev.to · roynick365
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
I got tired of fixing the same UI problems… so I built a small tool
Every project I work on has the same kind of issues. Not big problems. Small ones. A button that...

Dev.to · 佐藤玲
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
5x5 Pixel Font for Tiny Screens: The Complete Developer Guide to Micro Typography
Learn how to design and implement a 5x5 pixel font for tiny screens. Includes bitmap data, rendering code, and real-world use cases for embedded displays.

Dev.to · Olivia Craft
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
The 10 Most Common Cursor Rules Mistakes and How to Fix Them
The 10 Most Common Cursor Rules Mistakes and How to Fix Them You wrote the rule. You saved...

Dev.to · 137Foundry
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
7 Free UX Tools for Researching and Testing Web Form Design
Designing better forms requires data about how users interact with them. These seven tools help with...

Dev.to · 137Foundry
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
How Inline Validation Reduces Form Abandonment and Errors
Form validation is one of the most consequential UX decisions in web development. The same set of...

Dev.to · Petri Lahdelma
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
I ran a spacing audit on shadcn/ui. Even it had some drift.
Short post. Three things to share. The audit I ran Rhythmguard against the shadcn/ui v4...

Dev.to · Dzianis Halka
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Sequoia 1.5.9: Live Voiceover, Animations, and Improved Mechanics
Today we’re excited to introduce the new version of Sequoia - 1.5.9. If releases had awards, this one...

Dev.to · per ro
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Apple Watch games work best when they feel instant
This article originally appeared on Games for Watch. Apple Watch games feel right only when they...
![[DeskFlow]Solving the 'Lost in Canvas' UX problem in my Flutter Web app (DeskFlow v1.1.7)](https://media2.dev.to/dynamic/image/width=1200,height=627,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Foll9vq1wod545e9qg4ml.png)
Dev.to · rocketsquirreldev
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
[DeskFlow]Solving the 'Lost in Canvas' UX problem in my Flutter Web app (DeskFlow v1.1.7)
I am building DeskFlow, a visual planner for desk setups and cable management running on Flutter Web....

Dev.to · Huub
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
WCAG compliancy date widget
Hi, several times i experienced troubles entering my birthdate in a webform because the default...

Dev.to · Evgeniy Petrukovich
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
I turned the cutout in the MacBook screen into a dynamic user interface element (DynamicNotch for macOS)
When Apple added notch to the MacBook, many people reacted the same way.: He's there, and you just...

Dev.to · Chloe Zhou
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Static CSS Leakage in Microfrontends — Why Shadow DOM Fails and How postcss-prefix-selector Fixes It
This is a follow-up to MUI v4/v5 Style Conflicts in single-spa — A Complete Debug Record. The...

Dev.to · Ai-tools
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
How to Integrate shadcn/ui into Laravel Using Inertia + React (Step-by-Step Guide)
Modern web development often feels like choosing between two worlds: Backend frameworks like...

Dev.to · Pratyush-Nirwan
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Domains and the emotions they come with
There’s something strangely emotional about domains. Not in the obvious way no one’s writing poetry...

Dev.to · Denis Omerovic
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
How to Build Accessible Custom Dropdowns (Comboboxes) That Actually Work
Originally published on the AccessGuard blog. After our post on accessible modals resonated with so...

Dev.to · Lollypop Vietnam
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Web Accessibility Guidelines: A Complete Guide to WCAG Compliance in 2026
94.8% of home pages had detected WCAG failures in 2025, with an average of 51 accessibility errors...

Dev.to · Pawan Bisht
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
🚀 React-Form-Toaster 1.1.3 is here. Build powerful forms in React/Next.js with ease, flexibility, and clean UX baked right in.
🚀 React-Form-Toaster 1.1.3 Now faster, smarter, and more customizable than ever. Build...

Dev.to · Ashish Kumar
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
React List Virtualization: Pagination vs Virtual Scroll
10,000 DOM nodes is slow even if they're not visible. When to paginate, when to infinite scroll, when to virtualize — and the real cost of each approach.

Dev.to · running squirrel
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Top 4 React Native Image Caching Libraries in 2026
An opinionated guide to image caching in React Native, from battle-tested classics to the...

Dev.to · Rob Austin
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
How to Build a Modern Admin Dashboard with shadcn/ui in 2026
Five years ago, building an admin dashboard meant cobbling together mismatched UI libraries, hunting...

Dev.to · MoLines Designs
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
I built a visual TUI for Homebrew with React and Ink
Why I built Brew-TUI If you're a macOS developer, you probably use Homebrew every day. But...

Dev.to · Voidvel
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Why Startups Need More Than Just a “Beautiful Website”
A lot of startups invest heavily in making their website look impressive. Modern animations. Complex...

Dev.to · Jaywalker
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Stop Your AI Agent from Generating Generic UI — Introducing the Design System Skill
Every AI coding agent has the same problem: left to its own devices, it generates generic UI. Blue...

Dev.to · Adnen BEN YAHIA
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
🚀 Build a Real Admin Dashboard Faster with NexBoard (Bootstrap 5 + CRUD UI)
A production-ready Bootstrap 5 admin dashboard with real CRUD UI pages, designed for SaaS apps,...

Dev.to · Rakesh Nakrani
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Shadcn/ui vs Chakra UI
The choice between Shadcn/ui and Chakra UI depends on how you build your application’s UIs. For...
Lenny's Newsletter
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
What Claude Design is actually good for (and why Figma isn’t dead yet)
Watch now | ️I built a landing page, slides, and an unhinged redesign to find out what Claude Design is actually good at—plus why GPT Image 2.0 might change ho

Dev.to · Visakh Vijayan
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Building Accessible Frontend Experiences: A Developer's Guide to Accessibility
Introduction In the digital age, creating websites and applications that are accessible to...

Dev.to · Vivian Voss
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
The CSS Scope You Never Had to Compile
Stack Patterns — Episode 13 Every web developer has fought this fight. You write a perfectly...

Dev.to · Chandra Mouli
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
UI UX Design Course in Telugu: From Basics to Advanced
Introduction A UI UX Design Course in Telugu: From Basics to Advanced is the perfect learning path...

Dev.to · Elizabeth Efeelobari
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Designing Interfaces That Fail Gracefully: What Happens When Things Break (And How Good Systems Respond)
When you build in your local development environment, everything works perfectly. When you test your...

Dev.to · Olivia Craft
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Cursor Rules for Vue.js: Composition API Patterns That Scale
8 Cursor rules that make AI write Vue 3 you would actually merge — script setup, defineProps generics, composables, Pinia, v-for keys, async components, and Vit

Dev.to · Fan Song
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Interactive Prototype vs. Static Mockup: Which Gets You to User Feedback Faster?
Every product decision starts with the same tension: you have an idea, you need feedback, and you...

Dev.to · Info Lyt
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
🚀 Just Published: ReactTailwindAccessKit
I’m excited to share a new open-source project that focuses on building accessible, modern UI...

Dev.to · Drew Marshall
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
I Got Tired of Class-Heavy UI Code — So I Kept Going (Juice Part 4)
In Part 1, I talked about the frustration. In Part 2, I showed the direction. In Part 3, I...

Dev.to · Pixotter
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Pixels Per Inch Calculator: PPI Formula and Tables
Pixels Per Inch Calculator: PPI Formula and Tables Pixels per inch (PPI) tells you how...

Dev.to · CIPRIAN STEFAN PLESCA
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
HoloCard UI: Reimagining Web Interfaces with Native Browser Technologies
Abstract Over the past decade, web development has become increasingly dependent on large...

Dev.to · KevinTen
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Building Real-World AR: The Brutal Truths After 6 Months of Development
Building Real-World AR: The Brutal Truths After 6 Months of Development Honestly, when I...

Dev.to · Anson Ch
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
🔥 7 Essential Tools Every Vue.js Developer Should Know 🚀
Vue.js hit 6.4 million weekly npm downloads recently. The framework itself is solid. But the tools...

Dev.to · Zubair Anwar
🖌️ UI/UX Design
📄 Paper
⚡ AI Lesson
2mo ago
How to Optimize Font Loading for Better Web Performance (Free Font Resources Included)
How to Optimize Font Loading for Better Web Performance Custom fonts can slow down your...

Dev.to · Roger Rajaratnam
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Building a tag system in Astro
How this blog's tag system works — from tag slug normalisation and publication-aware counts to the weighted cloud on the blog archive, the ring layout on /tags,

Dev.to · Pixeliro
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Pixeliro Figma Plugin
Pixeliro is a complete design system toolkit — generate production-ready color systems, check...

Dev.to · Sameer Khan
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Claude Design vs Figma, Lovable, v0: What's Different
TL;DR: Figma, Lovable, v0, and Claude Design are not the same tool. They pick different starting...

Dev.to · Alamin Sarker
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
How to Design a Modern Website in 2026: A Developer's Practical Guide
The Problem Nobody Talks About You've read the articles. You've followed the tutorials....

Dev.to · Jan
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Building a zero-backend noise pollution map with MapLibre, PMTiles, and a lot of OpenStreetMap
I just shipped noise.widgita.xyz - a browser-only noise pollution map covering roughly the entire...

Dev.to · Drew Marshall
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
I Got Tired of Class-Heavy UI Code — So I Kept Going (Juice Part 3)
In Part 1, I talked about the frustration. In Part 2, I showed the direction. Now in Part 3, we’re...
DeepCamp AI