Tech Skills

UI/UX Design

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

15,136
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,935) Articles (3013)Blog Posts (3245)Tutorials (265)Research Papers (12)News (400)
Advanced Theme Customization and Dynamic Color Schemes with m3-svelte in Svelte
Dev.to · Ethan Walker 🖌️ UI/UX Design 6mo ago
Advanced Theme Customization and Dynamic Color Schemes with m3-svelte in Svelte
m3-svelte is a powerful Material Design 3 component library for Svelte, providing a complete set of...
Building Forms with Validation in carbon-components-svelte and Svelte
Dev.to · Ethan Walker 🖌️ UI/UX Design 6mo ago
Building Forms with Validation in carbon-components-svelte and Svelte
carbon-components-svelte is a Svelte component library that implements IBM's Carbon Design System,...
Building Interactive Data Tables with AgnosUI in Svelte
Dev.to · Ethan Walker 🖌️ UI/UX Design 6mo ago
Building Interactive Data Tables with AgnosUI in Svelte
AgnosUI is a framework-agnostic component library that provides accessible, production-ready UI...
Building Accessible Forms with Validation in AgnosticUI and Svelte
Dev.to · Ethan Walker 🖌️ UI/UX Design 6mo ago
Building Accessible Forms with Validation in AgnosticUI and Svelte
AgnosticUI is a framework-agnostic component library that provides accessible, production-ready UI...
Angular Version 21 eStore + Shopping Cart Prototype
Dev.to · Lynn Stanikmas 🖌️ UI/UX Design 6mo ago
Angular Version 21 eStore + Shopping Cart Prototype
This Angular web application started as an educational assignment while attending Boston University...
Why Figma SVGs Break Your React App (and How to Fix It Locally)
Dev.to · Roberto | Hyper-Tools 🖌️ UI/UX Design 6mo ago
Why Figma SVGs Break Your React App (and How to Fix It Locally)
/ Medium / Hashnode Article Title: Why Figma SVGs Break Your React App (and How to Fix It...
SwiftUI #17: Modificadores personalizados
Dev.to · GoyesDev 🖌️ UI/UX Design 6mo ago
SwiftUI #17: Modificadores personalizados
Un modificador personalizado encapsula múltiples modificadores en una sola estructura para aplicarlos...
Day 0 (Planning): Building my personal AI assistant that runs locally.
Dev.to · Prakhar Khandelwal 🖌️ UI/UX Design 6mo ago
Day 0 (Planning): Building my personal AI assistant that runs locally.
This is day 0 of me trying to build my own personal assistant that runs locally on my laptop and...
Wireframes vs mockups vs prototypes — best practices for UI/UX agency workflows
Dev.to · Pixel Mosaic 🖌️ UI/UX Design 6mo ago
Wireframes vs mockups vs prototypes — best practices for UI/UX agency workflows
In UI/UX design, terms like wireframes, mockups, and prototypes often get mixed up. But they...
Best Atomic UI Component Frameworks for Lightning-Fast Web Development in 2026
Dev.to · Nina Rao 🖌️ UI/UX Design 6mo ago
Best Atomic UI Component Frameworks for Lightning-Fast Web Development in 2026
Atomic UI component frameworks have changed the way I build user interfaces. I’ve chased that dream...
Responsive Design Full Guide: Crafting Seamless Experiences Across Every Device
Dev.to · Nina Rao 🖌️ UI/UX Design 6mo ago
Responsive Design Full Guide: Crafting Seamless Experiences Across Every Device
Responsive design has become a part of my daily work as a web developer. At first, I thought it was...
Building a "Personal System Layer" to Bridge Windows and Mac
Dev.to · UnfIx 🖌️ UI/UX Design 6mo ago
Building a "Personal System Layer" to Bridge Windows and Mac
Hello DEV! I am currently working on a prototype to solve a personal frustration: environment...
🚀 ReactJS Developer Portfolio | A Modern Personal Portfolio
Dev.to · Reactjs Guru 🖌️ UI/UX Design 6mo ago
🚀 ReactJS Developer Portfolio | A Modern Personal Portfolio
A developer portfolio is your digital resume — the first place recruiters, clients, and collaborators...
Common UX mistakes beginners make (and how to fix them) — tips for branding and web development projects
Dev.to · Pixel Mosaic 🖌️ UI/UX Design 6mo ago
Common UX mistakes beginners make (and how to fix them) — tips for branding and web development projects
Whether you’re just starting out in web development or branding projects, user experience (UX) can...
SwiftUI Design Tokens & Theming System (Production-Scale)
Dev.to · Sebastien Lato 🖌️ UI/UX Design 6mo ago
SwiftUI Design Tokens & Theming System (Production-Scale)
As SwiftUI apps grow, UI consistency becomes fragile. You start seeing: slightly different padding...
SARSHIJ: How I Built a Cyberpunk Portfolio with Tailwind & GSAP (From Scratch)🚀
Dev.to · Sarshij Karn 🖌️ UI/UX Design 6mo ago
SARSHIJ: How I Built a Cyberpunk Portfolio with Tailwind & GSAP (From Scratch)🚀
By Sarshij Karn — sarshijkarn.com.np When I set out to build my personal portfolio, I didn't just...
Accessibility: Building Inclusive Experiences | A Lens on How UX, UI, and Accessibility Work Together
Dev.to · Niharika Pujari 🖌️ UI/UX Design 6mo ago
Accessibility: Building Inclusive Experiences | A Lens on How UX, UI, and Accessibility Work Together
Introduction Accessibility is often treated as a set of standards to be checked off, but...
Accessibility: Building Inclusive Experiences | A Lens on Branding and Design
Dev.to · Niharika Pujari 🖌️ UI/UX Design 6mo ago
Accessibility: Building Inclusive Experiences | A Lens on Branding and Design
Introduction In a world where digital experiences shape how we work, play, shop, learn,...
I built a tint & shades generator for design tokens and Figma
Dev.to · Danish Khan 🖌️ UI/UX Design 6mo ago
I built a tint & shades generator for design tokens and Figma
I often need clean color scales for design systems (primary-50 → primary-900, etc.), and got tired of...
The Essential Guide to Adaptive Design Systems
Dev.to · Luisa 🖌️ UI/UX Design 6mo ago
The Essential Guide to Adaptive Design Systems
I remember when designing for digital screens used to be so simple. Back in those early web days, I...
Identity Threats in AI-Driven Security: Synthetic Personas and AI-Powered Deception
Dev.to · CyberUltron Consulting Pvt Ltd 🖌️ UI/UX Design 6mo ago
Identity Threats in AI-Driven Security: Synthetic Personas and AI-Powered Deception
How AI is Weaponizing Identity Theft Identity theft has always been a critical security threat, but...
I Built Dembrandt: Extract Any Website's Design System in Seconds (Open Source)
Dev.to · thevangelist 🖌️ UI/UX Design 6mo ago
I Built Dembrandt: Extract Any Website's Design System in Seconds (Open Source)
Sometimes you don't have a customer brand guide. Or there are no digital design guidelines at all....
How to Create Pixel-Perfect UI Components in Figma (Then Build Them in React)
Dev.to · Pixel Mosaic 🖌️ UI/UX Design 6mo ago
How to Create Pixel-Perfect UI Components in Figma (Then Build Them in React)
Designing something that looks perfect in Figma but breaks in code usually comes down to one thing:...
From First Sketch to Final Launch: My Web Design Workflow as a Web Designer in Mumbai
Dev.to · prateekshaweb 🖌️ UI/UX Design 6mo ago
From First Sketch to Final Launch: My Web Design Workflow as a Web Designer in Mumbai
Practical walkthrough of Prateeksha Web Design's website design process: discovery, sketches, UI, development, testing and launch — how websites are built for M
Events, Listeners and Observers in Laravel: Decouple Your Business Logic for Faster Iteration
Dev.to · prateekshaweb 🖌️ UI/UX Design 6mo ago
Events, Listeners and Observers in Laravel: Decouple Your Business Logic for Faster Iteration
Discover how Prateeksha Web Design leverages laravel events, laravel listeners and laravel observers to decouple architecture, protect domain logic laravel, and
The Obstacles I Faced in Personal Development and How I Chose My Tech Stack
Dev.to · BysonTech 🖌️ UI/UX Design 6mo ago
The Obstacles I Faced in Personal Development and How I Chose My Tech Stack
This article is a companion piece to my earlier post: “Comparing API Architecture Choices: A...
Comparing API Architecture Choices: A Technical Evaluation of Six Setups Tested in Personal Development
Dev.to · BysonTech 🖌️ UI/UX Design 6mo ago
Comparing API Architecture Choices: A Technical Evaluation of Six Setups Tested in Personal Development
API Architecture Comparison for Personal Projects When I first started personal...
Design System with CSS
Dev.to · Gulshan 🖌️ UI/UX Design 6mo ago
Design System with CSS
Quick Summary If you have set out on using a design system for your website without the...
Laravel FAQs (Beginner to Advanced)
Dev.to · prateekshaweb 🖌️ UI/UX Design 6mo ago
Laravel FAQs (Beginner to Advanced)
Explore comprehensive Laravel FAQs for beginners and advanced users. Learn about installation, new features, integration, troubleshooting, and how Prateeksha We
Revolutionizing Frontend Development with Design Systems
Dev.to · Visakh Vijayan 🖌️ UI/UX Design 6mo ago
Revolutionizing Frontend Development with Design Systems
In the realm of frontend development, the concept of design systems has emerged as a game-changer,...
Typography Fonts: The Silent Language of Design
Dev.to · Vraj Parikh 🖌️ UI/UX Design 6mo ago
Typography Fonts: The Silent Language of Design
"Typography is what language looks like." - Ellen Lupton You know that feeling when you walk past...
I've been working on a personal finance app called FinVantage, and I recently hit a roadblock
Dev.to · RTX 3060 🖌️ UI/UX Design 6mo ago
I've been working on a personal finance app called FinVantage, and I recently hit a roadblock
The App FinVantage is an expense tracker with some features I'm pretty proud of: Receipt scanning...
Level 0 3 Physics: From Serial Prototypes to Parallel Manifolds and GPU Constraint Solvers
Dev.to · p3nGu1nZz 🖌️ UI/UX Design 6mo ago
Level 0 3 Physics: From Serial Prototypes to Parallel Manifolds and GPU Constraint Solvers
Level 0 → 3 Physics: From Serial Prototypes to Parallel Manifolds and GPU Constraint Solvers...
What Is Web Design and Why Will It Be Important in 2025?
Dev.to · omkar 🖌️ UI/UX Design 6mo ago
What Is Web Design and Why Will It Be Important in 2025?
In a digital-first world, the first thing that people see of your brand, business, or even personal...
Stop Pushing Work Code with Your Personal Email: The Ultimate Guide to Multiple GitHub Accounts on Windows
Dev.to · Rahul Kumar Bharti 🖌️ UI/UX Design 6mo ago
Stop Pushing Work Code with Your Personal Email: The Ultimate Guide to Multiple GitHub Accounts on Windows
If you are like me, you probably have a personal GitHub account for your side projects and a separate...
What Is a Modal in Web Design? UX Rules, Examples & When Not to Use
Dev.to · prateekshaweb 🖌️ UI/UX Design 6mo ago
What Is a Modal in Web Design? UX Rules, Examples & When Not to Use
A modal is a popup overlay in web design that demands user action. Learn modal UX rules, see examples, and discover when not to use modals for best results.
The UX of DX: Identifying the Key Areas for Designer Participation in Developer Experience Projects
Dev.to · Pavanipriya Sajja 🖌️ UI/UX Design 6mo ago
The UX of DX: Identifying the Key Areas for Designer Participation in Developer Experience Projects
The role of a UX designer is traditionally associated with consumer-facing apps, but as companies...
Exploring Dark Mode Web Design: Why It Matters and How to Do It Right
Dev.to · prateekshaweb 🖌️ UI/UX Design 6mo ago
Exploring Dark Mode Web Design: Why It Matters and How to Do It Right
Dark mode web design has become a leading trend, offering users improved readability, reduced eye strain, and modern aesthetics. Learn how to implement, optimiz
Top UI/UX Design Trends for 2026: AI-First, Context-Aware Interfaces & Spatial Experiences
Dev.to · Pixel Mosaic 🖌️ UI/UX Design 6mo ago
Top UI/UX Design Trends for 2026: AI-First, Context-Aware Interfaces & Spatial Experiences
AI-First Design (From Feature to Foundation) In 2026, AI is no longer an add-on—it’s the core of the...
Design systems that scale: the case for composability
Dev.to · Paul Love 🖌️ UI/UX Design 6mo ago
Design systems that scale: the case for composability
Many design systems eventually hit the same wall: By growing to accommodate every variation teams...
I Stacked 3 Small ML Models and Got Video Search That Feels Like Magic
Dev.to · Jason Peterson 🖌️ UI/UX Design 6mo ago
I Stacked 3 Small ML Models and Got Video Search That Feels Like Magic
Video Demo I spent a day building a video search prototype and came away genuinely surprised. Not by...
Stop Screenshotting Emails Into Figma
Dev.to · Christopher Rogers 🖌️ UI/UX Design 6mo ago
Stop Screenshotting Emails Into Figma
If you work on email campaigns with a team, you've probably done this: Finish your HTML...
Why File Units Still Matter in a Pixel‑Based World
Dev.to · Norah 🖌️ UI/UX Design 6mo ago
Why File Units Still Matter in a Pixel‑Based World
Most of our daily work happens on screens. We design in Figma, export assets for the web, send PDFs...
Designing Mobile-First UX: Responsive Design in Practice
Dev.to · pipipi-dev 🖌️ UI/UX Design 6mo ago
Designing Mobile-First UX: Responsive Design in Practice
This article is Day 14 of the **[Solo SaaS Development - Design, Implementation, and Operations Advent Calendar 2025](https://adventar.org/calendars/...
Play lichess from your terminal
Dev.to · Thomas Mauran 🖌️ UI/UX Design 6mo ago
Play lichess from your terminal
Hey everyone! I'm Thomas, a Rust developer, I have been working on a personal project for more than...
The Mysterious Case of the Query that Never Ran
Dev.to · Alois Sečkár 🖌️ UI/UX Design 6mo ago
The Mysterious Case of the Query that Never Ran
Over the past weekend I encountered a weird bug. I was refactoring code for my personal website. I...
Why I Built My Personal Developer Portfolio (and What You Can Learn From It)
Dev.to · Badhon Biswas 🖌️ UI/UX Design 7mo ago
Why I Built My Personal Developer Portfolio (and What You Can Learn From It)
As developers, our portfolio is more than a showcase — it's our identity. I built badhon.online to...
Building a shadcn/ui Style Component Library for Korean Government Design System
Dev.to · hanui-io 🖌️ UI/UX Design 7mo ago
Building a shadcn/ui Style Component Library for Korean Government Design System
shadcn/ui changed how we think about component libraries. Instead of installing a package, you copy...