Tech Skills

UI/UX Design

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

15,127
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,925) Articles (3010)Blog Posts (3241)Tutorials (263)Research Papers (12)News (399)
Do We Even Need Modals?
Dev.to · Rostislav B 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Do We Even Need Modals?
Ever feel like the web could use some design police? No one enforcing consistency, no standards for...
FullAgenticStack: TOP 10 Zero-UI Anti-patterns
Dev.to · suissAI 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
FullAgenticStack: TOP 10 Zero-UI Anti-patterns
Zero-UI é ótimo quando reduz fricção sem reduzir entendimento. O problema é que, quando você remove...
Building a Type-Safe Icon System in Next.js
Dev.to · albert nahas 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Building a Type-Safe Icon System in Next.js
Learn how to build a type-safe icon system in Next.js using SVGs and auto-completed React components. Start creating scalable icons today!
Accessibility in Vue: Quick Tips for Building Inclusive Apps
Dev.to · Jakub Andrzejewski 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Accessibility in Vue: Quick Tips for Building Inclusive Apps
Accessibility is not a “nice to have” — it is a fundamental part of building modern web...
Why Simpler Websites Convert Better
Dev.to · Wings Design Studio 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Why Simpler Websites Convert Better
Most websites try too hard. More animations. More sections. More features. More popups. More...
Dark Patterns: quando o design deixa de servir pessoas e passa a manipulá-las
Dev.to · suissAI 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Dark Patterns: quando o design deixa de servir pessoas e passa a manipulá-las
Dark Patterns são estratégias de design deliberadamente manipulativas, criadas para induzir o...
The History of Art: Preventing Generic Output
Dev.to · Wabi sabi 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
The History of Art: Preventing Generic Output
Hey fellow devs and designers! Wabi sabi here. 👋 Ever feel like everything on the web is starting...
The Solo Frontend Team: Building a UI System in Pure Ruby
Dev.to · Zil Norvilis 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
The Solo Frontend Team: Building a UI System in Pure Ruby
The "Partial" Problem We love Rails. We love ERB. But let's be honest: app/views is...
How to Use Styled Components in React with Dynamic Props (Beginner Friendly Guide)
Dev.to · Selvi Parasakthi K 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
How to Use Styled Components in React with Dynamic Props (Beginner Friendly Guide)
When building modern React applications, styling plays a major role in making the UI dynamic and...
Reverse Engineering: A New Way to Learn UI
Dev.to · Wabi sabi 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Reverse Engineering: A New Way to Learn UI
Hey Dev.to fam! Wabi sabi here. 🌿 I've been thinking about how we level up our design skills as...
Enhancing Landing Page Readability with Dynamic Text Scaling
Dev.to · Gerardo Andrés Ruiz Castillo 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Enhancing Landing Page Readability with Dynamic Text Scaling
## Introduction The `devlog-ist/landing` project focuses on creating an engaging landing page experience. A key aspect of a successful landing page i
Terminal UI: BubbleTea (Go) vs Ratatui (Rust)
Dev.to · Rost 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Terminal UI: BubbleTea (Go) vs Ratatui (Rust)
Two strong options for building terminal user interfaces today are BubbleTea (Go) and Ratatui...
How I Made My Portfolio Infinitely Extendable with 4 Lines of JSON
Dev.to · Sammii 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
How I Made My Portfolio Infinitely Extendable with 4 Lines of JSON
Adding a new project to my portfolio takes 30 seconds. No component changes. No new routes. No layout...
My First Experience Using Figma as a Beginner
Dev.to · Ibrahim 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
My First Experience Using Figma as a Beginner
My First Experience Using Figma as a Beginner Recently I tried using Figma for the first time, and...
Beautiful Website vs Functional Website: What the Data Actually Says
Dev.to · Michael Adeleye 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Beautiful Website vs Functional Website: What the Data Actually Says
I review a lot of websites. And the most expensive ones often perform the worst. Not because the...
Solved: Syncing Figma Comments to Slack for Better Design Ops
Dev.to · Darian Vance 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Solved: Syncing Figma Comments to Slack for Better Design Ops
🚀 Executive Summary TL;DR: This article provides a step-by-step guide to automate syncing...
I built a minimal company profile template because I was tired of colorful noise
Dev.to · Ardiansyah Sulistyo 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
I built a minimal company profile template because I was tired of colorful noise
🔗 Live demo: https://mono-profile-alpha.vercel.app/ I have a problem with most website...
Tailwind CSS vs MUI vs Ant Design — Which One Should You Choose in 2026?
Dev.to · Wafa Bergaoui 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Tailwind CSS vs MUI vs Ant Design — Which One Should You Choose in 2026?
Introduction Frontend development in 2026 is no longer just about building...
Why Tailwind CSS Still Needs Design Tokens (Especially in the Age of AI)
Dev.to · Ravindra Singh Shah 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Why Tailwind CSS Still Needs Design Tokens (Especially in the Age of AI)
Tailwind CSS has changed how we build UIs. It’s fast, expressive, and removes a lot of traditional...
🔔 Choosing the Right Toast Library for React (No Fluff, Just Facts)
Dev.to · Shiva Aryal 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
🔔 Choosing the Right Toast Library for React (No Fluff, Just Facts)
Toasts are small UI components — but they directly affect user experience. Bad timing, poor...
Solved: What actually gets hard in large React / Next.js apps?
Dev.to · Darian Vance 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Solved: What actually gets hard in large React / Next.js apps?
🚀 Executive Summary TL;DR: The core problem in large React/Next.js applications is state...
How I Built a WCAG Contrast Checker in 50 Lines of JavaScript.
Dev.to · Muhammad Afsar Khan 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
How I Built a WCAG Contrast Checker in 50 Lines of JavaScript.
I used to do something really dumb. When I was picking colors for a website, I'd zoom in, squint,...
ShadNG for Angular: Shadcn/UI-Inspired Design System With Icons, MCP, and Skills
Dev.to · Alimjan Ablikim 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
ShadNG for Angular: Shadcn/UI-Inspired Design System With Icons, MCP, and Skills
Angular developers deserve the same clean, composable product patterns that made shadcn/ui...
Build a Visual Regression Testing Pipeline in Under 50 Lines
Dev.to · Mack 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Build a Visual Regression Testing Pipeline in Under 50 Lines
Visual regression testing catches UI bugs that unit tests miss. A button that shifted 3px left. A...
Flutter Sticky Bottom Button: Beyond the FloatingActionButton
Dev.to · Thanasis Traitsis 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Flutter Sticky Bottom Button: Beyond the FloatingActionButton
Flutter gives us the FloatingActionButton, and don’t get me wrong, it’s great. But sometimes… it’s...
Generative UI: Building a Real-Time Weather & Stock Assistant with Streaming RSCs
Dev.to · Programming Central 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Generative UI: Building a Real-Time Weather & Stock Assistant with Streaming RSCs
Today, before the article, let me introduce our new site — currently in beta: 🚀 Free...
Bridging the Digital Divide: Designing User Interfaces and Experiences for Everyone (Beyond the "Modern" Hype)
Dev.to · Sheila Fana Wambita 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Bridging the Digital Divide: Designing User Interfaces and Experiences for Everyone (Beyond the "Modern" Hype)
In our increasingly digital world, it's easy to assume everyone navigates apps and websites with...
SwiftUI in Real Apps
Dev.to · Mary Piakovski 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
SwiftUI in Real Apps
We've all seen the tutorials. A developer on YouTube builds a beautiful weather app in ten minutes....
How I Built a WCAG Contrast Checker in 50 Lines of JavaScript.
Dev.to · Muhammad Afsar Khan 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
How I Built a WCAG Contrast Checker in 50 Lines of JavaScript.
I used to do something really dumb. When I was picking colors for a website, I'd zoom in, squint,...
How I Built a WCAG Contrast Checker in 50 Lines of JavaScript.
Dev.to · Muhammad Afsar Khan 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
How I Built a WCAG Contrast Checker in 50 Lines of JavaScript.
I used to do something really dumb. When I was picking colors for a website, I'd zoom in, squint,...
Now I create my animations inside Figma for FREE instead of After Effects
Dev.to · Soroush 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Now I create my animations inside Figma for FREE instead of After Effects
Let me tell you exactly how I ended up writing this. I was working on a product demo — nothing...
Design for Developers: How to Stop Making Ugly Apps
Dev.to · Zil Norvilis 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Design for Developers: How to Stop Making Ugly Apps
The "Blank Page" Paralysis You have the database schema planned. You have the models...
Building a Modern Portfolio with Tailwind CSS v4, React, and Vite
Dev.to · Benjamin Koimett 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Building a Modern Portfolio with Tailwind CSS v4, React, and Vite
github : https://github.com/bkoimett/bkoimett-portofolio.git Looking to build a sleek, modern...
Your UI Is Invisible to AI Agents. Here's How to Fix It.
Dev.to · Ratik Koka 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Your UI Is Invisible to AI Agents. Here's How to Fix It.
TL;DR: Many AI agents rely on the same semantic layer screen readers use (and some also use visual...
How We Added Custom CSS Injection to Watch Pages
Dev.to · Alex Neamtu 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
How We Added Custom CSS Injection to Watch Pages
Color pickers cover the basics, but designers want full control. We added a custom CSS field that...
Bringing shadcn/ui to Blazor — Why I Built Blazor Blueprint
Dev.to · Mathew 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Bringing shadcn/ui to Blazor — Why I Built Blazor Blueprint
I've been writing C# for over 20 years, mostly backend implementations, APIs, services,...
Dioxus : des IHM Cross-Platform en Rust !
Dev.to · Jean-Noël 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Dioxus : des IHM Cross-Platform en Rust !
Aujourd'hui je vous propose un petit diaporama pour découvrir un framework en Rust qui permet de...
Building a Simple JavaScript Slider: A Code Walkthrough
Dev.to · Iszyk 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Building a Simple JavaScript Slider: A Code Walkthrough
Image sliders are one of the most widely used UI components in modern web development. From product...
Kookie User Interface: Building my own Design System
Dev.to · Kushagra Dhawan 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Kookie User Interface: Building my own Design System
KookieUI is a fork of Radix Themes with different design opinions. Same infrastructure, different choices about how a design system should work.
Building Mobile Design Systems That Actually Scale (with Storybook)
Dev.to · Waseem Kurne 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Building Mobile Design Systems That Actually Scale (with Storybook)
I used to think Storybook in React Native was 'too much overhead.' Then I realised how much time I...
Building a Native-Feeling Theme System in SwiftUI
Dev.to · Max Rozdobudko 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Building a Native-Feeling Theme System in SwiftUI
SwiftUI's .primary and .secondary are elegant — adaptive, environment-aware, composable. But they're...
Vue.js Composables for Speech-to-Speech Translation: Building Reactive Real-Time Audio Applications
Dev.to · alfchee 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Vue.js Composables for Speech-to-Speech Translation: Building Reactive Real-Time Audio Applications
Introduction: Why Vue.js Composables Changed Everything When I first set out to build a...
5 Fragen, die jedes Webdesign-Projekt retten (und warum ich sie VOR dem ersten Pixel stelle)
Dev.to · Ivo S. 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
5 Fragen, die jedes Webdesign-Projekt retten (und warum ich sie VOR dem ersten Pixel stelle)
Gute Webprojekte scheitern nicht an Technik, sondern an fehlenden Fragen. Ich zeige dir, welche 5 Fragen ich VOR dem ersten Design-Entwurf stelle – und warum da
I Built a Simple Smart Home Dashboard Because Home Assistant's UI Made Me Cry
Dev.to · Mack 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
I Built a Simple Smart Home Dashboard Because Home Assistant's UI Made Me Cry
The breaking point I love Home Assistant. I really do. It's incredibly powerful, endlessly...
How We Added Custom Branding to Shared Video Pages
Dev.to · Alex Neamtu 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
How We Added Custom Branding to Shared Video Pages
You record a product walkthrough, share the link with a prospect, and they land on a page with...
Introducing Tailgrids 3.0: A React UI Component Library Built with Tailwind CSS
Dev.to · Tailgrids 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Introducing Tailgrids 3.0: A React UI Component Library Built with Tailwind CSS
Tailgrids 3.0 is officially here. If you are choosing a React UI component library in 2026, you...
The split personality of the + operator
Dev.to · Della Dominic 🖌️ UI/UX Design 4mo ago
The split personality of the + operator
Type coercion can be confusing if not well understood. Let's see how JavaScript converts (or coerces)...
Favicon Best Practices for Modern Web Apps in 2025
Dev.to · albert nahas 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Favicon Best Practices for Modern Web Apps in 2025
Master favicon best practices for 2025 web apps! Learn generation to deployment tips for all platforms. Boost your site's branding—start now!