Tech Skills

UI/UX Design

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

14,978
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,777) Articles (2902)Blog Posts (3207)Tutorials (257)Research Papers (12)News (399)
Why I Built a Browser-Based Image Tool That Never Uploads Your Photos
Dev.to · PixelFresh 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Why I Built a Browser-Based Image Tool That Never Uploads Your Photos
Why I Built a Browser-Based Image Tool That Never Uploads Your Photos Every time you...
How to Switch Themes in CSS Without Breaking Your UI (Design Token Approach)
Dev.to · Pixeliro 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How to Switch Themes in CSS Without Breaking Your UI (Design Token Approach)
How to Switch Themes in CSS Without Breaking Your UI (Design Token Approach) ...
I Built a Free Accessibility Auditor That Actually Passes Its Own Audit
Dev.to · Damascus Mosley 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I Built a Free Accessibility Auditor That Actually Passes Its Own Audit
Most free accessibility tools have an accessibility problem. WAVE is a browser extension with no...
Signals in React (II): Tear-Free Subscriptions
Dev.to · Luciano0322 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Signals in React (II): Tear-Free Subscriptions
Goal of This Article Integrate our previously implemented signal / omputed system into...
Power Apps Design: Relógio Moderno Personalizado + Tela Completa
Dev.to · Ana Andrade Gonsalves 🖌️ UI/UX Design 3mo ago
Power Apps Design: Relógio Moderno Personalizado + Tela Completa
Esse código cria uma tela de agendamento no Power Apps. Ela é dividida em 3 partes: Cabeçalho:...
Turn any website into editable Figma layers (for free and no plugin)
Dev.to · Nick 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Turn any website into editable Figma layers (for free and no plugin)
Just made a free Chrome extension that lets you grab a web page and bring it into Figma as editable...
Why your React app is invisible to Google (and how I fixed it)
Dev.to · Adarsh 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Why your React app is invisible to Google (and how I fixed it)
React SPAs often look perfect in the browser but invisible to search engines. Here's a simple way to fix it.
Building a Rapid A/B Test Generator with Google Stitch SDK
Dev.to · Harish Kotra (he/him) 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Building a Rapid A/B Test Generator with Google Stitch SDK
In the fast-paced world of UI/UX design, the ability to quickly visualize and iterate on ideas is a...
The Attribution Story
Dev.to · Tea 🖌️ UI/UX Design 3mo ago
The Attribution Story
The year is 1999. Ask kids who invented the personal computer? "Bill Gates" - a symptom of how...
Engineering "Interfaces That Feel Alive" - My Design Philosophy
Dev.to · SUJIT KOJI 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Engineering "Interfaces That Feel Alive" - My Design Philosophy
Portfolio: The Core Concept Websites shouldn't just be viewed; they should be felt. When...
Designing a "Living" UI: Prototyping Emotional Residue in Figma
Dev.to · Mohammed Ayaan Adil Ahmed 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Designing a "Living" UI: Prototyping Emotional Residue in Figma
A deep dive into the systems thinking behind Tide—a tool designed to visualize the invisible labor of empathy.
I open-sourced 5 tiny SwiftUI utilities I use in every project
Dev.to · iOSbySSG 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I open-sourced 5 tiny SwiftUI utilities I use in every project
Hey everyone! I've been building iOS apps for a while and kept copying the same utilities across...
Component Design for JavaScript Frameworks
Dev.to · Oguz 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Component Design for JavaScript Frameworks
You have seen it before. A Figma file lands in your lap with frames named Group 47, colors hard-coded...
Python HTTP Server on Ubuntu
Dev.to · Saikat Goswami 🖌️ UI/UX Design 3mo ago
Python HTTP Server on Ubuntu
Running a lightweight HTTP server is one of the easiest ways to test, present, or prototype your work...
Most Developers Ignore the <main> Tag — But It Fixes a Big Accessibility Problem
Dev.to · Pawar Shivam 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Most Developers Ignore the <main> Tag — But It Fixes a Big Accessibility Problem
A small semantic HTML element that improves accessibility, page structure, and SEO clarity. ...
Stop hardcoding image URLs in your Storybook stories
Dev.to · PlacePack 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Stop hardcoding image URLs in your Storybook stories
Random placeholder URLs like Lorem Picsum break visual regression snapshots. Here's how to use PlacePack's deterministic API URLs to fix that once and for all.
Building a Raycast-style Minecraft Launcher (Keyboard-first UX)
Dev.to · Hikyou SMP 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Building a Raycast-style Minecraft Launcher (Keyboard-first UX)
Building a Raycast-style Minecraft Launcher (Keyboard-first UX) Minecraft is a game of infinite...
Graphic Design With Google Gemini
Dev.to · Dan 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Graphic Design With Google Gemini
Title : Graphic Design with Google Gemini: Practical Workflows, Prompts, and Ethical...
I rebuilt CareerAutomata's UI — here's what I changed and why
Dev.to · Kei 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I rebuilt CareerAutomata's UI — here's what I changed and why
I've been running CareerAutomata for a while now — a tool that lets job seekers search directly from...
JAVA AWT AND HOW IT'S USED
Dev.to · Shelomith Anyango 🖌️ UI/UX Design 3mo ago
JAVA AWT AND HOW IT'S USED
1.Introduction Java Absract Window Toolkit(AWT) is a Graphical User Interface(GUI)...
How to give your AI the eye of a designer
Dev.to · Jose Soto 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How to give your AI the eye of a designer
You've been using Cursor or v0 for a few months. You can spin up a landing page in 20 minutes. The...
Reactivity beyond React
Dev.to · Nickolay Platonov 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Reactivity beyond React
UI vs. Data Reactivity has recently become a dominant paradigm for UI development. It was...
Your design system has a coupling problem
Dev.to · Toucan 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Your design system has a coupling problem
Pick a popular component library, find the Button component. This one thing does three jobs...
I Found 60 Accessibility Bugs on Google Support That No Tool Catches
Dev.to · Vaibhav Shukla 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I Found 60 Accessibility Bugs on Google Support That No Tool Catches
I broke Google Support last week. Or rather, I proved it was already broken. Not in English. In...
Why <label> and <button> Are Better Than <div> for Forms
Dev.to · Pawar Shivam 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Why <label> and <button> Are Better Than <div> for Forms
Small HTML Choices That Affect Accessibility Many developers focus on JavaScript...
Is Your Alt Text Actually Good? A Developer's Guide to Writing (and Checking) Descriptions That Work
Dev.to · Rustamjon Akhmedov 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Is Your Alt Text Actually Good? A Developer's Guide to Writing (and Checking) Descriptions That Work
You've added alt text. But is it any good? Most developers I talk to treat alt text as a binary...
How to Get Your Website WCAG 2.2 Compliant (Without Losing Your Mind)
Dev.to · Rustamjon Akhmedov 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How to Get Your Website WCAG 2.2 Compliant (Without Losing Your Mind)
Here's a stat that should make every developer pause: 96% of websites have detectable WCAG failures....
How We Used Next.js to Improve Core Web Vitals
Dev.to · Suraj Vishwakarma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How We Used Next.js to Improve Core Web Vitals
TL;DR Performance on the frontend is crucial for a positive user experience. Bad...
Building Beautiful React Native Apps Lightning-Fast with HeroUI Native & Uniwind 🚀
Dev.to · Marcus Reynolds 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Building Beautiful React Native Apps Lightning-Fast with HeroUI Native & Uniwind 🚀
If you’ve been doing React Native development recently, you already know the massive impact...
How to Design iOS Apps for Long-Term Maintainability and Scalability
Dev.to · Varsha Ojha 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How to Design iOS Apps for Long-Term Maintainability and Scalability
Most iOS apps do not fail because of one bad release, but because their structure cannot support...
6 React Accessibility Patterns Prevent WCAG AA Failures in Production
Dev.to · JSGuruJobs 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
6 React Accessibility Patterns Prevent WCAG AA Failures in Production
Accessibility is not a cleanup task anymore. These 6 React patterns fix the failures that usually...
Bear UI v1.1.5: PropsPlayground, PageNav, Button Refactor, and a Polished Portal
Dev.to · John Yaghobieh 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Bear UI v1.1.5: PropsPlayground, PageNav, Button Refactor, and a Polished Portal
@forgedevstack/bear is a Tailwind-powered React UI library — TypeScript-first, zero config,...
Building a Cost-Efficient Generative UI Architecture in React Native
Dev.to · Serif COLAKEL 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Building a Cost-Efficient Generative UI Architecture in React Native
In this article, I want to share the architecture we built for Generative UI in the Fonyx...
Web Components: The Most Underrated Feature of the Modern Web
Dev.to · Shanthi's Dev Diary 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Web Components: The Most Underrated Feature of the Modern Web
A few days ago, one of my colleagues casually asked me: “Do you know Web Components?” My...
The Canvas Revolution: When Pixels Took Over the Web
Dev.to · Million Ways To Code 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
The Canvas Revolution: When Pixels Took Over the Web
Canvas vs. SVG: The Trade-Offs That Matter I still remember the first time I messed around...
Figma MCP: A Design-to-Code Pipeline for Scalable Products Across Multiple Projects
Dev.to · nireadaddy 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Figma MCP: A Design-to-Code Pipeline for Scalable Products Across Multiple Projects
The Problem Every Design Team Faces If you've ever maintained a Design System used across...
Building an Interactive 3D Magnetic Input Field with GSAP & Tailwind CSS
Dev.to · Codebar Library 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Building an Interactive 3D Magnetic Input Field with GSAP & Tailwind CSS
Most input fields are static, flat, and honestly... a bit boring. But what if your search bar or...
Keep Forms Simple, Silly
Dev.to · Zack Webster 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Keep Forms Simple, Silly
Online forms are one of the most common points of interaction between a business and its users. They...
ReactJS Anti Pattern ~Props missing HTML attributes~
Dev.to · Ogasawara Kakeru 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
ReactJS Anti Pattern ~Props missing HTML attributes~
When designing shared components, it is essential to ensure that the native behavior of HTML is not...
Design Thinking : Example Part 2
Dev.to · Palak Hirave 🖌️ UI/UX Design 3mo ago
Design Thinking : Example Part 2
This is a continuation of the example, if you have not viewed that one yet, please do so. ...
Tokis: A Performance-First, Token-Native UI Library for Building Modern Design Systems
Dev.to · Prerak Mathur 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Tokis: A Performance-First, Token-Native UI Library for Building Modern Design Systems
Tokis: An experiment in building a token-first UI library Over the past few months...
Vibe Coding Challenge — Day 16: Printable Designs
Dev.to · labdays 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Vibe Coding Challenge — Day 16: Printable Designs
Bullet journals, to-do lists, habit trackers. All just a click away. Announcement With the...
Why Most React Apps Fail Core Web Vitals (And How to Actually Fix Them)
Dev.to · Munna Thakur 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Why Most React Apps Fail Core Web Vitals (And How to Actually Fix Them)
You built a React app. It looks great. But Google PageSpeed gives you a 45 score and your users are...
How I Built a Production-Ready Dashboard Template with Tailwind CSS 4.0
Dev.to · Miguel Angel Sosa Menchaca 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How I Built a Production-Ready Dashboard Template with Tailwind CSS 4.0
Every time I started a new project, the same thing happened: I'd spend the first two or three weeks...
SwiftUI Debugging: 6 Techniques Every iOS Dev Should Know
Dev.to · Mrugesh Tank 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
SwiftUI Debugging: 6 Techniques Every iOS Dev Should Know
SwiftUI Previews are magical when they work. When they don't, staring at "Preview crashed" with no...
Mastering CSS Scroll Timeline: A Complete Guide to Animation on Scroll in 2026
Dev.to · Soft Heart Engineer 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Mastering CSS Scroll Timeline: A Complete Guide to Animation on Scroll in 2026
Introduction to Scroll Timeline API Have you ever wanted to create stunning scroll-driven...
Design Thinking : Example Part 1
Dev.to · Palak Hirave 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Design Thinking : Example Part 1
Now that we have had a run down of the process, let's work with a basic example. Now you have...
Why I'm Done Coding Terminal UIs Manually
Dev.to · AttractivePenguin 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Why I'm Done Coding Terminal UIs Manually
Why I'm Done Coding Terminal UIs Manually A visual tool saved me hours — here's how it...